切换的DIV在引导3

我想在此代码做一个小的调整：切换的DIV在引导3

HTML

<div class="btn-group" data-toggle="buttons"> 
    <button type="button" title="left" class="btn btn-info active">left</button> 
    <button type="button" title="right" class="btn btn-info">right</button> 
</div> 
<div class="btn-group" data-toggle="buttons"> 
    <button type="button" title="a" class="btn btn-info">dont toggle</button> 
    <button type="button" title="b" class="btn btn-info">another function</button> 
</div> 
<div id="left"> LEFT CONTENT </div> 
<div id="right"> RIGHT CONTENT </div>

JAVASCRIPT

$('.btn-group button').click(function(){ 
    var ix = $(this).index(); 

    $('#left').toggle(ix === 0); 
    $('#right').toggle(ix === 1); 
});

CSS

#right { display:none; }

http://jsfiddle.net/Nz964/

'活动' 按钮是不行的。我该如何切换两个按钮之间的“活动”？
的JavaScript代码被解雇的所有按钮的页面，应该只是两个按钮

任何帮助将是巨大的。谢谢。

来源

2013-10-08 Khrys

使用[复选框按钮组]（http://getbootstrap.com/javascript/#buttons） – idmean

Thx @wumm，我以前试过，但我在按钮中有一个标题，并且使用这种方式，标题不要出现。 – Khrys

1日问题，您使用的是很旧版本的jQuery（1.5） - 引导利用。对（）方法，这是在版本的jQuery添加1.7，所以你需要将jQuery升级到1.7或以上版本

第二个问题，你需要缩小你的选择我加入另一个类

<div class="btn-group mytoggle" data-toggle="buttons"> 
    <button type="button" title="left" class="btn btn-info active">left</button> 
    <button type="button" title="right" class="btn btn-info">right</button> 
</div>

然后

$('.mytoggle button').click(function(){ 
    var ix = $(this).index(); 

    $('#left').toggle(ix === 0); 
    $('#right').toggle(ix === 1); 
});

演示：Fiddle

来源

2013-10-08 13:07:08

切换的DIV在引导3

回答

相关问题