Question

html bootstrap 左边tabs标签，右边tab－pane。一个对应一个。

如题 但是其中一个tab－pane有一个点击使右边的内容换掉。 再次点击其他还是有效果 怎么写 如果点击使当前的tab－pane隐藏。再点击这个tabs标签时。这个tab－pane就不会再出来了。求解决；理解意思么？？？

Answer 1

一一对应的话可以用children().eq($(this.index))和sibling()来控制
比如如下html结构
<div id="left">
<div class="left-child">1</div>
<div class="left-child">2</div>
<div class="left-child">3</div>
<div class="left-child">4</div>
<div class="left-child">5</div>
</div>
<div id="right">
<div style="display: none;">6</div>
<div style="display: none;">7</div>
<div style="display: none;">8</div>
<div style="display: none;">9</div>
<div style="display: none;">10</div>
</div>
js代码如下
$('.left-child').click(function () {
$(this).parent().next().children().eq($(this).index()).show().siblings().hide()
})
这下就可以让左边和右边的一一对应起来
即点击哪个显示哪个
当然，你首先要引入Jquery，因为我用的这些都是jquery的方法
不明白的可以百度看看Juqery的api

追问

如果多个div11 需要显示在right的位置。是7 里某个按钮点击出现的。div11出现的时候其他div6-10都隐藏。当点击div1-5时div11隐藏并且显示相对应的div6-10

追答

那就接着写咯
$('#div7Button').click(function(){
$(this).parent().parent().hide();
$('#div11').show()
})