jQuery Forum

Hi all,

I've been working on this project for quite a while - and keep having to leave this part of it - only to be stumped every time I come back to it.

I have a nav w/ subnav links. And on the page - I have panels with a header (<h3>) and body (<div>) which is shown/hidden by clicking the respective header.

The subnav links can also show/hide the panel body divs - as well as toggle a class on the header h3s. And this is based on the Text of the subnav link and h3 matching.

Everything works great - aside from the subnav links showing a panel body div. It DOES however add/remove the class on the h3s.

So I'm thinking this has something to do with slideUp/slideDown conflicting somehow with filter?

$(".curNav a").click(function() {

   var openItem = $(this).html();
   
   $("h3").parent().next().next('.panelBody').slideUp(300)
   .filter(function (openItem) {
      $("h3:contains('"+openItem+"')").parent().next().next('.panelBody');
    }).slideDown(300);
   
   $("h3").removeClass("arrow")
   .filter("h3:contains('"+openItem+"')").addClass("arrow");

   return false;
});

Any ideas would be greatly appreciated.

Thanks,
John