0

ボタンがクリックされたときにコンテンツを表示したいのですが、別のパネルが表示されているときは、開いている他のパネルを閉じる必要がありますが、もう一度クリックすると現在のパネルを閉じることができ、何も表示されません。

これは、私が助けを求めている開いたパネルの崩壊とは別に機能しています。

何か案は？

jQuery

 var propertyPanelExpanded;
 var expandPanel; 

 function ResultsToggle() {
    expandPanel.parent().next("div.AnswerFAQ").toggle(); 
 }

 $(document).ready(function () {
    $('.Expand').live('click', function () {
        $('.Expand').each(function(){
                if($(this).parent().next("div.AnswerFAQ").is(":visible")){
                    expandPanel = $(this)
                    ResultsToggle()
                }
        })
        expandPanel = $(this)
        ResultsToggle()    
    });    
});​

HTML

 <h3>
     Title 1         
     <span class="Expand">
     CLICK HERE
     </span></h3>
     <div class="AnswerFAQ" style="display:none;">
     <p>Content 1</p> 
 </div>

 <h3>
     Title 2         
     <span class="Expand">
         CLICK HERE
     </span></h3>
     <div class="AnswerFAQ" style="display:none;">
     <p>Content 2</p> 
 </div>

jsfiddle は次のとおりです: http://jsfiddle.net/huddds/HYB2r/2/

返信ありがとうございます</p>

4

1 に答える 1

2

あなたが何を望んでいたのか、私にはよくわかりません。同じものを 2 回クリックしたときにコンテンツを閉じますか?ここで動作コードを確認してください。

そこにjqueryを1行追加しただけです。

   $(this).parent().next("div.AnswerFAQ").toggle('display');

それはあなたが望んでいたものですか？

于 2012-12-06T14:56:59.803 に答える