WordPress.org

Support

Support » Plugins and Hacks » [Resolved] accordian style help

[Resolved] accordian style help

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Mat Lipe
    Participant

    @mat-lipe

    Hi Rachel,

    I’m pretty swamped right now with WordSesh happening today, however if you would like priority support feel free to hop over to the site and purchase the pro version.

    http://matlipe.com/product/advanced-sidebar-menu-pro/

    Otherwise I am happy to take a look at this when I get some time.

    Have a great weekend!

    rmcfadden
    Member

    @rmcfadden

    Mat, thanks I got it figured out. I don’t think I need the pro version, but if you have a few extra minutes I do need help with one item:

    The parent menu that becomes the new dropdown is not clickable itslef. Could you offer help in modifying the js file to make this clickable. For example, on this page: http://justaskpublications.driostudio.com/consulting_services/ The Workshops page is not clickable…only the link below it.

    Thanks again!

    Rachel

    Plugin Author Mat Lipe
    Participant

    @mat-lipe

    Hi Rachel,

    Please post the js you are currently using and I should be able to help you modify it.

    Thanks

    rmcfadden
    Member

    @rmcfadden

    Great!

    I am currently using:

    jQuery(document).ready( function($) {
    	//Adds a class to keep track if we are on a parent of child page
    	$('.current_page_item').next().addClass('sidebar-menu-hover');
    
    	//Make the menu open and close by hovering when on a parent page
        $(".child-sidebar-menu.sidebar-menu-hover > li > a").hover(function(){
        	//Slides open and closed the grandchild menu
             $(this).parent().find('ul').slideToggle(400);
             			return false;
         }, function(){
        	 return false;
         });
    
        //Make the menu open and close by clicking if on a child or grandchild page
        $(".child-sidebar-menu > li > a").not(".child-sidebar-menu.sidebar-menu-hover > li > a").click(function(){
        	//If there all no children link the link return Otherwise stop the link
        	if( $(this).parent().find('ul').slideToggle(400).length > 0 ){
        		return false;
        	} else {
        		return true;
        	}
         });
    
        //Initially hides the grandchild menu
        $('.child-sidebar-menu ul').hide();
    
        //Initially show the grandchild menu if on a grandchild or child pages
        $('.child-sidebar-menu ul li.current_page_item').parent().show();
        $('.child-sidebar-menu ul li.current_page_item ul').show();
        $('.child-sidebar-menu li.current_page_item ul').show();
    });
    Plugin Author Mat Lipe
    Participant

    @mat-lipe

    Hi Rachel,

    Here is the adjusted js which will make the menu open on hover and allow the click to follow the link instead of open the menu.

    jQuery(document).ready( function($) {
        //Make the menu open and close by hovering when on a parent page
        $(".child-sidebar-menu > li > a").hover(function(){
            //Slides open and closed the grandchild menu
             $(this).parent().find('ul').slideToggle(400);
             return false;
         }, function(){
             return false;
         });
    
        //Initially hides the grandchild menu
        $('.child-sidebar-menu ul').hide();
    
        //Initially show the grandchild menu if on a grandchild or child pages
        $('.child-sidebar-menu ul li.current_page_item').parent().show();
        $('.child-sidebar-menu ul li.current_page_item ul').show();
        $('.child-sidebar-menu li.current_page_item ul').show();
    
    });

    Hope this helps!

    rmcfadden
    Member

    @rmcfadden

    Thank you, that seems to have done it!!

    rmcfadden
    Member

    @rmcfadden

    ok I seem to be having an issue when the drop down item is in between other items it is not pushing those items down and it is also pulling one other page link next to it. You can see it here: http://justaskpublications.driostudio.com/consulting_services/

    and here:

    http://justaskpublications.driostudio.com/customer-service/my-account/

    Plugin Author Mat Lipe
    Participant

    @mat-lipe

    Hi Rachel,

    Looks like you have a height set to the list items which it not allowing the sub items to take up space.

    Line 927 of this file is causing the issue.
    http://justaskpublications.driostudio.com/wp-content/thesis/skins/classic-r/css.css

    Removing the height:16px; or setting it to auto or something should take care of it.

    HTH!

    rmcfadden
    Member

    @rmcfadden

    So I just noticed one more issue. The client has added additional tiers for the menu items. Now those are behaving funny with the drop down. You can see that here: http://www.justaskpublications.driostudio.com/just-ask-resource-center/e-newsletters/mccca/

    With the e-newsletters sometimes the submenus here open and sometimes they don’t, can’t quite figure out what is triggering this.

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Resolved] accordian style help’ is closed to new replies.