如何在jquery中結合2按鈕到1按鈕

Question

$(document).ready(function(){ 
$("#sakla").click(function(){ 
    $(".askforum").hide(); 


}); 
$("#getir").click(function(){ 
    $(".askforum").show(); 

}); 

嗨！我怎樣才能將兩個按鈕功能結合到一個按鈕？我想用一個按鈕來運行兩個功能。當我點擊時，按鈕名稱應該改變，如果它的顯示必須變爲隱藏。謝謝

Answer 1

使用toggle在顯示和隱藏之間切換。將兩個按鈕更改爲一個按鈕，並將單擊事件綁定到該按鈕上。

$(document).ready(function(){ 
 
     var button = $('#thatnewbutton'); 
 
     
 
     button.click(function(){ 
 
     var forum = $(".askforum"); 
 
     forum.toggle(); 
 
     button.text(forum.is(':visible')?'Hide':'Show'); 
 
     }); 
 
     
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="thatnewbutton">Hide</button> 
 
<div class='askforum'>Content</div>

Answer 2

下面是一個簡單的演示：

$(function() { 
 
    $('.toggle').on('click', function() { 
 
     var txt = $(this).text().trim(); 
 
     $(this).text(txt == 'HIDE' ? 'SHOW' : 'HIDE'); 
 
     $('.whattotoggle').toggle(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button class="toggle">HIDE</button> 
 
<div class="whattotoggle">Toggle This</div>

Answer 3

$(document).ready(function(){ 
    $("#thatnewbutton").click(function(){ 
    $(".askforum").toggle(); 
    }); 
}); 

或者變更名稱，查找按鈕，並相應地改變ATTR名它使用attr函數。 How can I set the Name attribute of an input field using Jquery?

乾杯！