すべてを展開する/すべてを折りたたむ

Question

メニューの展開/折りたたみに問題があります。メニューでは、私は2つのことをやろうとしています：まず、すべてを展開/折りたたむことです。それはうまく働いています。参考までに、私のコードは以下の通りです：

$("#expandAll dt a").click(function() { 
       $("dd").slideToggle(); 
      }); 

私は単純にすべてのDDタグにslidetoggle関数を適用することを求めています。

また、リスト内の1つのアイテムを展開し、残りは折りたたまれたままにします。しかし、私がそれをすると、私が探しているものを除いてリスト全体が拡大されます。個々の作品のためのコードは以下の通りです：

function excol() { 
    $("#expand dt a").click(function() { 
     $(this).parent().siblings("dd").slideToggle(); 
    }); 
} 

マイ「この」ステートメントは、「この要素の親の兄弟であるタグDDが単一の要素をアップ/ダウン切り替えます。」お読みください問題は、私がトグルしたいものを除いてすべての単一のddをトグルすることです。以下は

は、関連するjqueryのコードです：ここで

 //Upon successful ajax call 
    success: function (data) { 


     excol(); 

     $("#expandAll dt a").click(function() { 
      $("dd").slideToggle(); 
     }); 
    }, 

}); 

} 

function excol() { 
$("#expand dt a").click(function() { 
    $(this).parent().siblings("dd").slideToggle(); 
}); 
} 

はhtmlコードです：

<div id="expandAll"> 

       <dl> 
        <dt> 
         <a style="font-size: 12px; color: black;"  href="#">Expand/Collapse All</a> 
        </dt> 
       </dl> 

       <div id="expand"> 
        <div id="mhsPrograms"> 
         <div id="MHS"> 
         </div> 
        </div> 
        <br /> 
       </div> 
</div> 

私は解決策にかなり近いと思うが、私は「競合どこかがあります見ていない。どんな助けもありがとう。

Answer 1

ありがとうございました！問題は、すべて展開する機能の配置でした。私はそれが関係しているとは思わなかったので、私はここにすべてのコードを置いていませんでした...私は今、私の方法のエラーを見て、すべてを投稿します。とにかく、必要なことは私がドキュメントの準備機能にexpand/collapse all関数を置くことでした。だから、私のコードは次のようになります：

$(document).ready(function() { 
//Call process function 
processListItems(Url, Listname); 
excolAll(); 
//************************* 
//processListItems function 
//************************* 


}); 

exolAll（）は問題の機能でした。私はまだ操作を完全に理解していませんが、現在は機能しています。

完全なコードは、参考のために以下の通りです：

$(document).ready(function() { 
//Call process function 
processListItems(Url, Listname); 
excolAll(); 
//************************* 
//processListItems function 
//************************* 


}); 

function processListItems(url, listname, complete, failure) { 
// Executing our items via an ajax request 
$.ajax({ 
    url: url + "/_api/web/lists/getbytitle('" + listname + "')/items? $orderby=SortOrder", 
    method: "GET", 
    headers: { "Accept": "application/json; odata=verbose" }, 
    //Upon successful ajax call 
    success: function (data) { 

     ewiArray(data); 
     excol(); 
     //excolAll(); 
     joinAll(); 

    }, 
}); 
} 

//complete(data);// Returns JSON collection of the results     

//Function for expanding/collapsing menu 
function excol() { 
$("#expand dt a").click(function() { 
    $(this).parent().siblings("dd").slideToggle(); 
}); 
} 

//Function for expanding/collapsing all 
function excolAll() { 
$("#expandAll dt a").click(function() { 
    $("dd").slideToggle(); 
}); 
} 

//Function for joining EWI program to its associated description 
function joinAll() { 
$("button").click(function() { 
    var fired_button = $(this).val(); 
    sessionStorage.setItem('ewiNum', fired_button); 
    window.location.href = "Application.aspx"; 
    return false; 
}); 
}