交替按鈕點擊事件？

Question

嘿，這都是關於Jquery的。我使用兩個Div和一個按鈕，每次只顯示一個div。假設這些都是DIV：

<div id="first"></div> 
<div id="second"></div> 

和按鍵是：

<input type="button" value="show first" onClick="called a javascript();"/> 

只有單一的div是IE顯示first

<script> 
    $(document).ready(function() { 
     $("#second").hide(); 
    }); 
</script> 

現在就點擊按鈕，我想隱藏第一個div秀第二個和第value按鈕更改爲顯示第二個，如果再次單擊它將恢復到以前的狀態。

在此先感謝

Answer 1

繼承人的FIDDLE一個例子。希望能幫助到你。

HTML

<div id="first" style="display:none;">first</div> 
<div id="second">second</div> 
<input id="btn" type="button" value="show first" /> 

腳本

$('#btn').on('click', function() { 
    var $this = $(this); 
    if ($this.val() === 'show first') { 
     $('#first').show(); 
     $('#second').hide(); 
     $this.val('show second'); 
    } else { 
     $('#first').hide(); 
     $('#second').show(); 
     $this.val('show first'); 
    } 
}); 

Answer 2

你所尋找的是從jQuery的

的toggle功能下面是關於fiddle

$(".toggleMe").click(function() { 
    $(".toggleMe").toggle(); 
});