顯示隱藏子菜單的onclick - JQuery的

Question

我喜歡JRulle偉大代碼：

http://jsfiddle.net/jrulle/23kfnbx7/3/

任何人都可以解釋我如何使用完整的家長聯繫，而不是爲打開子菜單的形象呢？ 而且只有一個子菜單顯示在同一時間？

我試圖意識到這一點，但我的一切是 - 子菜單顯示了通過點擊鏈接

但箭頭不會改變。

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

對不起，拼寫錯誤，非常感謝您的幫助和來自德國的問候。

Answer 1

您還需要將點擊事件綁定到鏈接。那麼，請改變這個

$('li.parent').on("click",

這個

$('.parent img, .parent a').on("click",

這裏是一個演示：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(); 
    });