Я пытаюсь получить меню для переключения, когда я нажимаю на значок, но он не работает. Я подозреваю, что это имеет какое-то отношение к селекторам. Вот код... HTML
<div class="bild">
<img src="face_kopia.png" class="ikon"/>
</div>
<div class="meny">
<a href="">Home</a>
<a href="">About</a>
<a href="">Gallery</a>
</div>
Jquery
$(document).ready(function(){
//Hide the tooglebox when page load
$(".meny").hide();
//slide up and down when hover over
$(".ikon").hover(function(){
// slide toggle effect set to slow you can set it to fast too.
$(this).next(".meny").slideToggle("slow");
return true;
});
});
Когда вы меняете
$(this).next(".meny").slideToggle("slow");
в
$(".meny").slideToggle("slow");
оно работает
$(document).ready(function(){
//Hide the tooglebox when page load
$(".meny").hide();
//slide up and down when hover over
$(".ikon").hover(function(){
// slide toggle effect set to slow you can set
$('.meny').slideToggle("slow");
});
});
Вот рабочий пример
http://jsfiddle.net/5x7xv/9/
Ваше выражение неверно
http://jsfiddle.net/UQTY2/204/
$(document).ready(function () {
//Hide the tooglebox when page load
$(".meny").hide();
//slide up and down when hover over
$(".ikon").hover(function () {
// slide toggle effect set to slow you can set it to fast too.
$(".meny").slideToggle("slow");
return true;
},function(){
$(".meny").slideToggle("slow");
});
});