jQueryのトグル状態が正しくありません

Question

jQueryを使用してリストを表示/非表示にしていますが、リストを表示するのに1つではなく2つのクリックが必要です。どんな助け？

jQuery.showList = function(object) { 
    object.toggle(function(){ 
      object.html("▾"); 
      object.siblings("ul.utlist").show("fast"); 
     }, function(){ 
      object.html("▸"); 
      object.siblings("ul.utlist").hide("fast"); 
     }); 
} 

$(document).ready(function() { 

    $("#page").click(function (e){ 
     e.preventDefault(); 
     var target = $(e.target); 
     var class = target.attr("class"); 
     if(class == "list") 
      $.showList(target);  
    }); 
}); 

Answer 1

予約済みのキーワードを使用してすべてを修正するかどうかはわかりません。 変数クラスをcのように変更します。オブジェクト変数を少なくともobjに変更します。次の操作を行って

Answer 2

は、トグルがobjectがすでに表示されていると思って、「非表示」句を実行するのでそれはおそらくだうまく

jQuery.showList = function(obj) { 
    var list = obj.siblings("ul.utlist"); 
    if(list.is(":visible")){ 
     obj.html("▸"); 
     list.hide("fast"); 
    } else { 
     obj.html("▾"); 
     list.show("fast"); 
    } 
} 

Answer 3

働いていました。

編集： Eh ..かなり循環的なロジックです。どのようにユーザーがそれをクリックできるか:-)

PS。あなたは自分の返信でis-object-visible?からis-list-visible?にロジックを変更しました。