I have this markup <h2>Title</h2> <div class=info-content> <p>some code in here too</p> </div> and

Question

Asked: May 23, 20262026-05-23T16:16:47+00:00 2026-05-23T16:16:47+00:00

I have this markup

<h2>Title</h2>
<div class="info-content">
<p>some code in here too</p>
</div>

and this jquery

(function($) { 
    $(".info-content").hide(); 
    $("h2").click(function(){
        $(this).next().slideToggle("normal");
    });
})(jQuery);

which, in any browser apart from IE6+, toggles the .info-content open and closed.

Any ideas why this wouldn’t work in IE? I’m assuming its something quite simple but I’ve been trying to figure it out for a while now.

Any help would be great,

Thanks.

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-23T16:16:48+00:00

Editorial Team

next() might be returning a text node.

Try $(this).nextAll("p:first")

The Archive Base Latest Questions