显示隐藏子菜单onclick-JQuery

我喜欢JRulle的优秀代码：

有人能告诉我如何使用完整的父链接而不是图像来打开子菜单吗？ 同时只显示一个子菜单

我试图意识到这一点，但我得到的只是 -单击链接将显示子菜单

但箭头并没有改变

    $('li.parent').on("click",function(){
       $(this).children('a').siblings('ul.children').slideToggle();
    });

---

很抱歉拼写错误，非常感谢您的帮助和来自德国的问候。

您还需要将单击事件绑定到链接。所以，请改变这个

$（'li.parent'）。在（“单击“，

对此

$（'.parent img，.parent a'）。在（“单击”上，

下面是一个演示：

---

应该只有一个子菜单open@Lal谢谢你的提示，它现在应该可以工作了。@GreenMicrochip你能把它标记为正确答案吗？@erkaner一次只显示一个Submenu，你有解决方案吗？

    $('.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();
    });