jquery - 在这个jQuery代码中，如何使一个按钮打开和关闭div？

 $(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>，并希望为打开和关闭位置提供不同的背景图像

最佳答案

$('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');
       }

});

关于jquery - 在这个jQuery代码中，如何使一个按钮打开和关闭div？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3044004/