0

JQueryは初めてです。私はどこにも答えを見つけられず、かなり長い間探してきました。トリガーをクリックして対応するテキストを表示したときに「パネル」を開いてもらいたいのですが。別のトリガーをクリックすると、パネルは開いたままになり、最初のテキストが上にスライドして（非表示になり）、次のテキストブロックが表示されます。

HTML

<a>trigger text 1</a>
<a>trigger text 2</a>
<a>trigger text 3</a>

<div id="panel" style="display: none;">
    <div id="info-1" style="display: none;"> text </div>

    <div id="info-2" style="display: none;"> text 2 </div>

    <div id="info-2" style="display: none;"> text 3 </div>
</div>

Jquery：私が試していたコードを気にすることさえありません...

4

1 に答える 1

0

あなたは試すことができます：

$('a').click(
    function(){
        var which = $(this).index();
        $('#panel').show();
        $('#panel > div:visible').slideUp();
        $('#panel > div').eq(which).slideDown();
    });​

JSフィドルデモ。

于 2012-04-12T16:35:26.167 に答える