jquery - Twitter Bootstrap Webページでトグルボタンを取得しようとしています

Question

Twitterのブートストラップページの同じ位置に2つのボタンがあり、1つを表示して1つを非表示にすることでそれらを切り替えようとしています...

使った

$("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;2番目のボタンには最初は余裕があるので試してみてください。

タッカー より:

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