jquery - 滑动切换仅打开 1 个 div

Question

我是 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：我什至不会打扰我正在尝试的代码......

Answer 1

你可以试试：

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

JS 小提琴演示。