Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

li.current_page_item ul.sub-menu { display: block; visibility: visible; !important}

snoffoz | 06/27/12 at 6:57am Edit

(3) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

• 
  Last edited:
  06/27/12
  11:02am
  Hai Bui says:

  Instead of .current_page_item, you can use .current-menu-item so it works for "Projecten"
  
  anything else you need to solve?

  • 06/27/12 11:15am
    
    snoffoz says:

    Hi Hai Bui,
    
    But the child categories would still disappear once I click on them right? Like it does now on "Bureau"?
    I would like for them to stay.

  • 06/27/12 11:18am
    
    Hai Bui says:

    ok, then add .current-menu-parent:
    

    li.current_page_item ul.sub-menu, li.current-menu-parent ul.sub-menu { display: block; visibility: visible; !important}

  • 06/27/12 11:28am
    
    snoffoz says:

    Hi Hai Bui,
    
    Just tried your solution but doesn't work on "Projecten", have a look.
    
    http://wptemp.site90.net/

  • 06/27/12 11:32am
    
    Hai Bui says:

    I'm sorry, my typo, it should be
    

    li.current_menu_item ul.sub-menu, li.current-menu-parent ul.sub-menu { display: block; visibility: visible; !important}

  • 06/27/12 11:42am
    
    snoffoz says:

    Still no dice

  • 06/27/12 11:45am
    
    Hai Bui says:

    Really sorry, too many typos today... here's the correct one:
    

    li.current-menu-item ul.sub-menu, li.current-menu-parent ul.sub-menu { display: block; visibility: visible; !important}

  • 06/27/12 11:51am
    
    snoffoz says:

    Almost,
    
    If I click on one of the image thumbnails under the tap "Projecten" the list of child pages disappears.

  • 06/27/12 11:54am
    
    Hai Bui says:

    It doesn't disappear for me. I click "Woningen 6" and the list of child pages is still visible

  • 06/27/12 12:07pm
    
    snoffoz says:

    I tried both Chrome and Safari and they disappears in both of them as soon as I click on a thumbnail images (Woningen 6, fo instance).

• 
  Last edited:
  06/27/12
  11:11am
  Ross Wilson says:

  Agree with Hai above, if you want to do this in jquery
  
  

  jQuery('.current-menu-item.parent').find('.sub-menu').css('visibility', 'visible')

  • 06/27/12 11:17am
    
    snoffoz says:

    Hi Ross Wilson,
    
    jQuery would be fine too. And would work better in IE right?

  • 06/27/12 11:25am
    
    Ross Wilson says:

    You can add both of these lines to your code (below your click handlers) to handle keeping the menu open when a sub item is clicked and keeping the project menu open. Try them out and let me know if it needs any tweaks
    

    
    
    $('.current-menu-item').parent('.sub-menu').css('visibility', 'visible');
    
    $('.current-menu-item.parent').find('.sub-menu').css('visibility', 'visible');
    
    

  • 06/27/12 11:48am
    
    snoffoz says:

    Hi Ross Wilson,
    
    The code almost works!
    
    But when I go to:
    
    "Projecten > Woningen 6" the list of child pages goes away.
    
    Maybe this was unclear.
    If I click on one of the image thumbnails under the tap "Projecten" the list of child pages disappears.
    
    Why is that?
    (im trying this out on localhost)

  • 06/27/12 11:53am
    
    Ross Wilson says:

    Try updating the code to this
    
    

    
    
    $('.current-menu-item').parent('.sub-menu').css('visibility', 'visible');
    
    $('.current-menu-item.parent, .current-portfolio-ancestor').find('.sub-menu').css('visibility', 'visible');
    
    

  • 06/27/12 12:03pm
    
    snoffoz says:

    That did it!
    
    Only a few questions.
    
    Would it be possible to close the child pages with a duble click on the parent (Projecten, Bureau)?
    
    And if I want to highlight the current page im on so it shows in read in the menu how would i do this?
    
    

  • 06/27/12 12:26pm
    
    Ross Wilson says:

    This will get the current page to show as red (in your css file):
    

    
    
    ul.sub-menu li.current-portfolio-parent a {
    
    color: red;
    
    }
    
    ul.sub-menu li.current_page_item a {
    
    color: red;
    
    }
    
    

    
    
    For the double click you might run into problems, because a single click will be detected first, and that single click takes you to a new page. I can write a function to handle the doubleclick, but you would probably have to disable the single click functionality for it to be consistent

  • 06/27/12 12:35pm
    
    snoffoz says:

    Almost there!
    
    I still can't get any highlight when Im clicking on a child category under "Projecten".
    Se here: http://wptemp.site90.net/works/maatschappelijk/ (the page is online here)
    
    Is it possible to make a single click to show and hide the child categories?
    
    Or if I keep it the way it is i could just remove

    $('.jsddm > li').bind('dblclick',  jsddm_timer);

    ?

  • 06/27/12 1:07pm
    
    Ross Wilson says:

    Add this also to your css
    

    
    
    ul.sub-menu li.current-menu-item a {
    
    color: red;
    
    }
    
    

  • 06/27/12 1:27pm
    
    Ross Wilson says:

    For handling the collapse of the menu do the following:
    
    add this line after the click handlers:
    

    
    
    $('li.current-menu-ancestor>a, li.current-menu-item.parent>a').attr('href','');
    
    

    
    
    change the following function to look like this:
    

    function jsddm_open() {
    
                jsddm_canceltimer();
    
                var close = $(this).find('ul').css('visibility') == 'visible';
    
                ddmenuitem = $(this).find('ul').css('visibility', 'visible').parent().addClass('jsddm_hover').end();
    
                if(close)
    
                    jsddm_close();
    
                return false;
    
            }

  • 06/27/12 2:13pm
    
    snoffoz says:

    The CSS works fine now but the menu doesn't. Can't click the links and one parents child categories doesn't go away if you click on another parents menu point.

  • 06/27/12 3:22pm
    
    Ross Wilson says:

    Change this function
    
    

    
    
            function jsddm_open() {
    
                if ($(this).is('.current-menu-ancestor, .current-menu-item.parent')){
    
                    jsddm_canceltimer();
    
                    var close = $(this).find('ul').css('visibility') == 'visible';
    
                    ddmenuitem = $(this).find('ul').css('visibility', 'visible').parent().addClass('jsddm_hover').end();
    
                    if (close)  
    
                        jsddm_close();
    
                    return false;
    
                }
    
            }
    
    

  • 06/27/12 4:12pm
    
    snoffoz says:

    Better, but no dice.
    Have a look http://wptemp.site90.net/works/projecten/

  • 06/27/12 4:57pm
    
    Ross Wilson says:

    There is an extra } above function jsddm_close() {

  • 06/28/12 7:48am
    
    snoffoz says:

    Can't seem to get it to work. Maybe I did something wrong?
    http://wptemp.site90.net/

  • 06/28/12 10:12am
    
    Ross Wilson says:

    If you can send your ftp info to ross@wilsonwebconsulting.com I can get it fixed

  • 06/29/12 9:46am
    
    Ross Wilson says:

    I think we are looking good now, do you agree snoffoz?

• 
  Last edited:
  06/28/12
  9:32am
  Gabriel Reguly says:

  Hi snoffoz,
  
  Looks like you got an extra '});' at script.js (line 63, col 5)
  
  Regards,
  Gabriel

  • 06/28/12 4:19pm
    
    Gabriel Reguly says:

    Hi snoffoz,
    
    Ross is offering to help directly in your site, that seems very good.
    
    Regards,
    Gabriel

This question has expired.

snoffoz voted on this question.

Current status of this question: Completed

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.