hide（）show（）jquery

Question

我正在使用以下内容：

$('#info').click(function (){ $('#message').fadeIn(200).show(); return false; });

我怎样才能更改我的脚本，以便在再次点击apon后它会消失？

尝试.fadeout().hide()

但它只是显示/隐藏得如此之快，看起来好像什么也没发生。

Answer 1

$('#info').click( function(){
   $('#message').fadeToggle(200);
   return false;
});

让它淡入淡出。

Answer 2

你可以尝试：

$('#info').click(
    function(){
       $('#message').toggle();
       return false;
    });

使用jQuery的toggle()。

---

已修改，可以从简单的“toggle()更改为稍微更加谨慎的问题fadeToggle()：

$('#info').click(
    function(){
        $('#message').fadeToggle(400);
        return false;
    });

JS Fiddle demo, featuring fadeToggle()

当然，还有 slideToggle()，可以使用它们。

Answer 3

$('#info').click(function (){ $('#message').fadeIn(200).toggle(); return false; });