Question

 $(document).ready(function(){

      $('#content1').hide();

            $('a#open').click(function(){

            $('#content1').show('slow');

   });

   $('a#close').click(function(){
        $('#content1').hide('slow');
        })

      });

在此代码中的toogle开启和关闭按钮是不同的

<a>和<a id="close">

我想为打开和关闭设置相同的按钮<a>，并希望为打开和关闭位置提供不同的背景图像

Answer 1

$('a').click(function(){
  $('#content1').slideToggle();
});

如果您想更改他们的CSS，您可以通过以下方式重新编写它。

$('a').click(function(){

       if ($('#content1').is(":visible"))
       {
            //change your css here
            //for eg. $(#content1).css('background-image', first_image);
            $('#content1').hide('slow');
       }
       else{ 
            //change your css here
            //for eg. $(#content1).css('background-image', second_image);
            $('#content1').show('slow');
       }

});

Answer 2

查看API的Toggle部分。

Answer 3

创建一个名为ShowOrHide（）的函数，并在单击该按钮时调用它。

在ShowOrHide中，查看div是否已经可见/隐藏，并执行相反的操作。

然后你只需要一个按钮来执行这两个操作。

Answer 4

Check out this jsFiddle我刚才做过。（得到SO的大量帮助）

希望这就是你要找的东西。

希望它有所帮助。

如何在这个jquery代码中创建一个用于打开和关闭div的按钮？

4 个答案: