我喜欢 JRulle 的代码:
http://jsfiddle.net/jrulle/23kfnbx7/3/
谁能解释一下如何使用完整的父链接而不是图像来打开子菜单? 并且最多同时显示一个子菜单?
我试图意识到这一点,但我得到的只是 - 通过点击链接显示子菜单
但箭头没有改变。
$('li.parent').on("click",function(){
$(this).children('a').siblings('ul.children').slideToggle();
});
抱歉拼写错误,非常感谢您的帮助和来自德国的问候。
最佳答案
您还需要将点击事件绑定(bind)到链接。所以,请改变这个
$('li.parent').on("点击",
为此
$('.parent img, .parent a').on("点击",
这是一个演示:https://jsfiddle.net/23kfnbx7/8/
$('.parent img, .parent a').on("click", function () {
var img = $(this);
if ($(this).next('img').length) {
var img = $(this).next('img');
}
if (img.hasClass('open')) {
img.removeClass('open');
img.attr('src', 'http://upload.wikimedia.org/wikipedia/commons/f/f7/Arrow-down-navmenu.png');
} else {
img.addClass('open');
img.attr('src', 'http://upload.wikimedia.org/wikipedia/commons/0/01/Arrow-up-navmenu.png');
}
img.siblings('ul.children').toggle();
});
关于jquery - 显示隐藏的子菜单 onclick - JQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29802818/