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
Post a Comment