Question

当我点击link1~显示内容时。但是当我点击link2隐藏link1并显示link2时我需要。

当然我会有很多链接〜所以我需要一种隐藏所有链接的方法，只显示我想要的链接。

<div class="tab-pane">
    <div class="collapse-group">

    <p><a class="btn" data-toggle="collapse" data-target="#link1">link1</a></p>
    <p><a class="btn" data-toggle="collapse" data-target="#link2">link2</a></p>
    <p><a class="btn" data-toggle="collapse" data-target="#link3">link3</a></p>


    <div class="collapse in" id="link1">nom nom nom...</div>
    <div class="collapse in" id="link2">nom nom nom...</div>
    <div class="collapse in" id="link3">nom nom nom...</div>

    </div>
</div>

Answer 1

从您的代码中取出in类（如果您愿意，可以使用第一项除外）。

Answer 2

试试这个，

$('.btn').click(function(e){
  e.preventDefault();
  $('.collapse').hide();
  $($(this).data('target')).show()
});

DEMO

Answer 3

此代码工作：

//Hide everything
$('.collapse').hide();

//Bind event
$('.btn').click(function(e){
    e.preventDefault();

    //Hide open item
    $('.collapse').filter(':visible').hide();
    $($(this).data('target')).show()
})

http://jsfiddle.net/zSj86/

当我点击link1~显示内容时。但是当我点击link2隐藏link1并显示link2时我需要

3 个答案:

DEMO