WordPress.org

1. Donorbrain
   Member
   Posted 2 years ago #

   This problem is really driving me insane,.

   I'm not sure anymore if this is even possible.
   Here's the problem:

   I have this Fancy Jquery for my navigation on this website i'm building:
   http://dragendekracht.nl/test/

   What i'm trying to accomplish is when clicked on (for example) "mediation" a submenu appears, when clicked on an item in the submenu i want the little gray arrow to remain on it's parent page (the current position).

   It might be extremly easy for some of you,. but for me this is really something i don't know how to solve. I've been searching google for days.

   here's the jquery script:

   $(function(){
   
       var $el, leftPos, newWidth,
           $mainNav = $("#navbar_tabmenu");
   
       $mainNav.append("<li id='magic-line'></li>");
   
       var $magicLine = $("#magic-line");
   
       $magicLine
           .width($(".current_page_item").width())
           .css("left", $(".current_page_item a").position().left)
           .data("origLeft", $magicLine.position().left)
           .data("origWidth", $magicLine.width());
   
       $("#navbar_tabmenu li").find("a").hover(function() {
           $el = $(this);
           leftPos = $el.position().left;
           newWidth = $el.parent().width();
   
           $magicLine.stop().animate({
               left: leftPos,
               width: newWidth
           });
       }, function() {
           $magicLine.stop().animate({
               left: $magicLine.data("origLeft"),
               width: $magicLine.data("origWidth")
           });
       });
   });

   So how do i use the PHP (or something else for that matter) to make clear to the Jquery script to stop moving the arrow (arrow = magicLine see script) if clicked on a subpage?

   For anyone who can solve this,.. i'm eternaly gratefull!

2. Donorbrain
   Member
   Posted 2 years ago #

   Minor update,..
   I want the menu to be as smooth working as this one:
   http://www.wanderinggoat.com/

   Does anyone know a Theme or plugin for wordpress which contains this type of menu?

3. Donorbrain
   Member
   Posted 2 years ago #

   in case anyone ever reads this,.. i fixed it.
   It's kind of a 'dirty' fix but it works.

   I used the same jquery script as a few posts before and made 2 of them. in each of those 2 i changed the classnames. each classname fitting for the behaviour of the arrow on a 'child'page of 'parent'page.

   Then i found this really handy plugin:
   http://wordpress.org/extend/plugins/headspace2/ Thnks a lot "urban giraffe" for building this!

   In every subpage i added an script with the classnames for the childpage and in every parent page i added the same script (but with different classnames in it),.. and it works perfectly!
   (perhaps i'm not making sense but if you do have questions feel free to ask me anytime).

Topic Closed

This topic has been closed to new replies.