アコーディオン内からjavascriptを実行するには

Question

jQueryアコーディオンウィジェットを使用しようとしています。私はすべてのアコーディオンセクション内に共通のJavaScriptコードを使用したいと思います。たとえば、すべてのアコーディオンセクション内にタブビューを作成しようとしています。タブビューは、私が作成した外部のjavascriptファイルによって処理されます。また、私はアコーデオンのすべてのセクションの中に画像スライドショーを使用しています。これは、単一のセクションのみで動作します。私は、アコーデオンの次のセクションに同じhtmlコードを貼り付けようとすると、javascriptは実行されません。アコーディオンはまだ動作します。あなたの提案を待っています。

これは、これは、アコーディオンのセクションの一つであるHTMLコード

  <div id="contentList"><h3 class="accHead" onclick="initAll('FoodCheck')">Food Check</h3> 
     <div class="accContent"> 


        <ul class="menuHoriz"> 
         <li><a href="#" onclick="setView('what')">What ? </a></li> 
         <li><a href="#" onclick="setView('how')">How ? </a></li> 
         <li><a href="#" onclick="setView('who')">Who ? </a></li> 
         <li><a href="#" onclick="setScreenshotsView()">Screenshots </a></li> 
        </ul> 



        <div id="what" class="content"> 
         <p> 
          Details about the projects<br /> What. description 
         </p>  

        </div> 
        <div id="how" class="content"> 
         <p> 
          Details about the projects<br /> How description 
         </p>  

        </div> 
        <div id="who" class="content"> 
         <p> 
          Details about the projects<br /> Who description 
         </p>  

        </div> 
        <div id="screenshots" class="content"> 
         <p> 
          <h2>FoodCheck Snapshots</h2> 
          <img height="468" width="250" src="images/FoodCheck/Screen_1.png" alt="First screen" id="slideshow" /> 
          <div id="imgText"> &nbsp; </div> 
          <br clear="all" /> 
          <form action="#"> 
           <input type="button" id="prevLink" value="&laquo; Previous" /> 
           &nbsp;<input type ="button" id="startAgain" value="Start Again"> 
           <input type="button" id="nextLink" value="Next &raquo;" /> 
          </form> 
         </p>  

        </div> 


     </div> 

あります。 さらに3つのセクションがあります。各セクションは（idで何を、どのように、スクリーンショット）タブ外部のJavaScriptによって制御されることで

<script type="text/javascript"> 
    $(function() { 

     //set up the news accordion on the lower page 
    $("#contentList").accordion({ header: "h3", collapsible: true}); 

    }); 

</script> 

Answer 1

であなたは要素のイベントをサブスクライブする必要があるといくつかのグローバルを使用しませんがありますJavaScriptの機能。すべてのアコーディオン・ビューにはさまざまなコントロールがありますが、イベントにアタッチする属性はclassまたはidのいずれかで区別する必要があります。

いくつかのコードはもちろん役立ちます。あなたはいくつかを提供できますか？関連する部分だけが圧倒されることはありません。