jQuery navigation hides before I can get to the unhidden elements -


hi i've got code on load hides share buttons, , when hover or click on share button slides down. before can these buttons click them disappear?

can me transition right please?

my code below or visit jsfiddle

index.html

<ul class="nav">     <li><a href="#">icon one</a></li>     <li><a href="#">icon two</a></li>     <li class="share"><a href="#" id="share">share icon</a></li> </ul>               <ul class="sharenav">                     <li><a href="#">fb</a></li>                     <li><a href="">twitter</a></li>                     <li><a href="#">google +</a></li>                   <li><a href="#">su</a></li>                   <li><a href="#">linkedin</a></li>                 </ul> 

js/js.js

$('.sharenav').hide(); $('.share').on('click mouseover', function () {     $('.sharenav').show().slidedown('slow'); }).mouseleave(function () {     $('.sharenav').stop().slideup('slow'); });  

give 1 try (note i've removed .show() because .slidedown() same):

$('.sharenav').hide();  $('.share').on('click mouseover', function () {     $('.sharenav').slidedown('slow'); }); $('.share').mouseleave(function () {     $('.sharenav').slideup('slow'); }); $('.sharenav').on('click mouseover', function () {     $(this).stop();     return false; }); $('.sharenav').mouseleave(function () {     $(this).slideup('slow'); }); 

jsfiddle: http://jsfiddle.net/2jujf/6/


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -