1

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

使った

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

またはその逆

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

この種の機能はありますが、フォーマットが乱れ、ボタンのパディングが緩みます..そして、これをコーディングする方法がわかりません...

4

2 に答える 2

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();
});
于 2013-07-23T15:09:43.150 に答える
0

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/

于 2013-07-23T15:17:38.920 に答える