Hi, I have jquery issue, Kindly see my jquery code:

$(document).ready(function(){

$(".toggle_container").show();

$("h2.trigger").toggle(function(){
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
});

$("h2.trigger").click(function(){
$(this).next(".toggle_container").slideToggle("slow,");
});

});

My .toggle_container is shown always its good, But I want to close it first time, when page load. Can you please provide me any solution? I dont want to use $(".toggle_container").hide(); function for this problem because when i click on href then .toggle_container should not hide, It should open.

I have applied .toggle_container{ display:none;} But this not works, If I applied .toggle_container{ display:none !important;} It works But it disable the toggle function of jquery. Can you please provide solution in Jquery? Thanks for you help.

Regards.