Thread

Hello.

I’ve been able to get accordion menu to work beautifully, but I’d like it to open when I’m on whatever current page. Is there a way to tell the navigation to open, based on the current page?

I did that for the accordion I used on one site.  http://www.keytosavannah.com/listings/browse/category/restaurants/ should open you to the dining & nightlife section of the accordion.  as I recall I had to create a custom plugin to output the categories the right way and I kept a counter variable in PHP that output which accordion index to activate…

you can see this code in the source, this is the end result:

$(document).ready(function() {
    $('.accordion').accordion("activate",1)
});

There’s a built-in option (see docs):

$("#whatever_you_called_it").accordion({
            navigation: true
        });

Would love to be able to do this with a menu full of categories of organizations. Is that possible? Seems like you have to type all the links.

There’s a built-in option (see docs):

$("#whatever_you_called_it").accordion({
            navigation: true
        });

nice, hadn’t seen that option before… was it in there back when the latest version of jQuery was 1.2.x?

So, are you saying that (following comes from referenced docs page):

jQuery(document).ready(function(){
    $('.accordion .head').click(function() {
        $(this).next().toggle();
        return false;
    }).next().hide();
});

you just add to it:

$("#whatever_you_called_it").accordion({
            navigation: true
        });

for a total script result of:

jQuery(document).ready(function(){
    $('.accordion .head').click(function() {
        $(this).next().toggle();
        return false;
    }).next().hide();
        $("#whatever_you_called_it").accordion({
               navigation: true
        });
})

no, navigation:true needs to be added to the accordion config object when you first call the .accordion() function on your jQuery-wrapped DOM element.

Can you share you Expression Engine code and tags with me? I’m still struggling with this… Thank you.

I built a plugin for that particular instance because the stuff I needed to output wasn’t possible to efficiently get using template tags (categories, sub-categories, sub-sub-categories, number of entries within each one), so it wouldn’t help you terribly much I’m afraid.

Always available for consulting though if you’ve hit a wall and need some hands-on assistance.  Just let me know.

Thanks! Here’s my menu code. the script is making the category headers, but when you click on them, they do not open up to a list of entries that share that category - shown below the accordion menu.

Here’s the page, with tests in place:

http://www.utexas.edu/cie/story/my-first-story

Code for normal category-driven menu:

Code for accordion category-driven menu:

Thanks so much for taking a look at this!!

I have since taken down this testing code… gotta move on. Let me know when you have time to look at this and I’ll repost. Thanks!