Question

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


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

});

你好！如何将两个按钮功能组合到一个按钮？我想用一个按钮运行两个功能。单击时按钮名称应该更改，如果它显示它必须变为隐藏。感谢

Answer 1

使用toggle在显示和隐藏之间切换。将两个按钮更改为一个按钮，并将click事件单独绑定到该按钮。

$(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?

干杯！

如何在jquery中将2个按钮组合到1个按钮

3 个答案: