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

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

});