试图让Twitter的引导网页切换按钮

Question

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

我用

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

反之亦然

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

这类作品，但格式被打乱，按键松动填充..我无法弄清楚如何编写此...

Answer 1

尝试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/

Answer 2

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(); 
});