0

私はjqueryアコーディオンコンテンツを持っています。

$(document).ready(function() {
    $('div.question').click(function() {
        $('div.answer').slideUp(600);   
        $(this).next().slideDown(600);
    });
    $("div.answer").hide();
});

HTML コード:

<div class="question">Question</div>
<div class="answer">Answer</div>

アコーディオンが開いているときに別の div を表示する必要があります。回答クラスで div を使用したくありません。別のクラスで別の div を作成する必要があります。私は、次のように div で 2 つの異なるクラスを使用できることを知っています。

class="answer anotherclass"

しかし、私は自分のテンプレートをこのように素敵にすることはできません!

例：

<div class="question">Question</div>
<div class="hide">Hide Contents</div>
<div class="answer">Answer</div>

答えのdivが近いときに2番目のdivを非表示にしたい。次に、質問をクリックした後、非表示の div と回答の div を表示する必要があります。非表示の div を回答の div に入れることはできません。hide divのフェードイン効果のようなもの。

皆さんが私の質問を理解してくれることを願っています。

編集: 私はこのようなものが必要です:

$(document).ready(function() {    
$('div.question').click(function() {
$('div.another').fadeIn(600);
$(this).next().fadeOut(600);
$('div.answer').slideUp(600);   
$(this).next().slideDown(600);
});

$("div.answer").hide();
$("div.another").hide();    
});

HTML: Question Answer もう 1 つですが、うまくいきません。

4

1 に答える 1

1

非表示の div を質問の div 内に配置し、質問がクリックされたときに単純に表示/非表示にすることができます。そのためにはおそらくjQueryトグルを使用するのが最善です。

于 2012-08-20T09:33:13.717 に答える