2つの異なるトグル機能を使用して同じテーブル行を切り替えます

Question

2つの異なるソースを使用して詳細行を切り替えようとしています。

1. ユーザーが名前またはAddressAlertのいずれかをクリックすると
   は、その具体的な詳細行を示すか、ユーザーがクリックした場合、すべての詳細行が表示または非表示を受ける「すべてを切り替える」
2. 隠されます。

問題は、2つの別個のトグル機能が、他のトグル機能が何をしているのかわからないことです。たとえば、「すべてをトグルする」をクリックしただけで、すべての詳細行が表示された場合、個別の名前をクリックするとその詳細行が非表示になります。しかし、個々のトグル機能は「表示」までであるため、その行の詳細を非表示にするには2回のクリックが必要です。

HTML：

<div id="toggleAll"></div> 
<table> 
    <tr class="infoRow"><td class="addressAlert"></td><td class="name"></td></tr> 
    <tr class="details"></tr> 
    <tr class="infoRow"><td class="addressAlert"></td><td class="name"></td></tr> 
    <tr class="details"></tr> 
    <tr class="infoRow"><td class="addressAlert"></td><td class="name"></td></tr> 
    <tr class="details"></tr> 
</table> 

のjavascript：

//toggles beween showing and hiding the details for specific row 
$(
    function(){ 
     //if click on carrier name or address alert symbol 
     $('.name, .addressAlert').toggle(
      function() { 
      //gets the row clicked on, and finds the next row (the details row) 
      detailsTds = $(this).parents("tr.infoRow").next(); 
      //adds the "shown" class, which sets the display to table-row 
      detailsTds.addClass("shown"); 
      }, 
      function(){ 
      //gets the row clicked on, and finds the next row (the details row) 
      detailsTds = $(this).parents("tr.infoRow").next(); 
      //removes the "shown" class, thereby setting the display to none 
      detailsTds.removeClass("shown"); 
      } 
     ); 
    } 
); 

//toggle ALL details 
$(
    function(){ 
     //if click on carrier name or address alert symbol 
     $('#toggleAll').toggle(
      function() { 
      $('.details').addClass("shown"); 
      $('#toggleAll').text('[-] Hide all addresses'); 
      }, 
      function(){ 
      $('.details').removeClass("shown"); 
      $('#toggleAll').text('[+] Show all addresses'); 
      } 
     ); 
    } 
); 

Answer 1

あなたは（クリックを使用することができます）の代わりにトグルの（）、その後、現在に適用されるクラスに基づいて表示または非表示行。

Answer 2

クラスに直接参照できますか？あなたが最初のトグルに機能を置き換えるものではありませんなぜ

Answer 3

： 「$切り替える（ 『名前、.addressAlert。』）。」

をし、その後に示すクラス - ので、最初にすべてのinfoRowsを初期化しますユーザーが "ALL toggle"を押してもそれが表示されます。