Grow your CSS skills. Land your dream job.

Any link clicked collapses accordion [jQuery]

  • # October 19, 2009 at 4:16 pm

    Hey guys,

    I am building an accordion for my blog and everything works fine except for one little thing. Whenever I put a link into one of the boxes, the accordion slides back up instead of following through with the link. The only time I want this accordion to work is when .heading is clicked. Here is the jQuery code:

    Code:
    $(document).ready(function() {
    $(‘.heading’).click(function() {
    if($(this).parent().hasClass(‘current’)) {
    $(this).siblings(‘ul’).slideUp(‘slow’,function() {
    $(this).parent().removeClass(‘current’);
    $.scrollTo(‘#accordion’,1000);
    });
    } else {
    $(‘ul#accordion li.current ul’).slideUp(‘slow’,function() {
    $(this).parent().removeClass(‘current’);
    });
    $(this).siblings(‘ul’).slideToggle(‘slow’,function() {
    $(this).parent().toggleClass(‘current’);
    });
    $.scrollTo(‘#accordion’,1000);
    }
    return false;
    });
    });

    If it matters at all, I followed the [ulr=]http://net.tutsplus.com/tutorials/javascript-ajax/exactly-how-to-create-a-custom-jquery-accordion/]tutorial here at Nettuts[/URL], but they do not account for this issue!

    If it helps at all, here is the HTML to go along with it:

    Really appreciate any help! You guys were quick to help me with my last problem and I can’t tell you enough how much I appreciate it. :D

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".