jquery - 尝试在 Twitter Bootstrap 网页中获取切换按钮

Question

我在同一位置的 twitter 引导页面上有两个按钮，我试图通过显示一个和隐藏一个来切换它们......

我用了

$("button1").hide()
$("button2").show()

或相反亦然

$("button2").hide()
$("button1").show()

这种工作，但格式被打乱，按钮松散填充......我不知道如何编码......

Answer 1

html

 <div class="span6">
    <button id="button1" class="btn btn-large btn-block btn-primary"  style="color: white;" name="open" type="button" >open</button>    
    <button id="button2" class="btn btn-large btn-block btn-primary"  style="color: white; display: none;"  name="open" type="button" >close</button>
    </div>      

jQuery：

$("#button1, #button2").click(function(){
$("#button1").toggle();
 $("#button2").toggle();
});

Answer 2

尝试margin 0;，因为第二个按钮最初有一些余量。

来自塔克：

<div class="span6">
    <button id="button1" class="btn btn-large btn-block btn-primary"  style="color: white;" name="open" type="button" >open</button>    
    <button id="button2" class="btn btn-large btn-block btn-primary"  style="color: white; display:none; margin:0;"  name="open" type="button" >close</button>
    </div> 

js

$("#button1, #button2").click(function(){
$("#button1").toggle();
 $("#button2").toggle();
});

http://jsfiddle.net/suhailvs/xAV7e/3/