Javascript 如何在jquery中创建.click do两个函数？

我是jQuery和JaVascript的新手，我喜欢它，但我有一些问题

我有一个名为button1的元素，我想让另一个名为bubble1的元素在单击一次时消失，在再次单击时重新出现

我试过了，但没用

$(document).ready(function(){
    $('#button_1').click(function (){
        $('#bubble1').css('visibility','hidden');
        $('#button_1').click (function(){
            $('#bubble1'.css('visibility'.'visible');
        });
    });
});

这第二个工作，但该对象消失，并重新出现一次点击

$(document).ready(function (){
    $('#button_1').click(function (){
        $('#bubble1').fadeOut();
    });
});
$('#button_1').click(function (){
    $('#bubble1').fadeIn();
});

---

您不应该重新绑定

单击
事件，您可以使用或：

演示：您不应该重新绑定
单击事件，您可以使用或：

演示：
您可以使用而不是单击


$('#button_1').click(function (){
   $('#bubble1').toggle();
});

您正在绑定单击两次，您可以放置条件，绑定两次将导致双重操作。
您可以使用代替单击


$('#button_1').click(function (){
   $('#bubble1').toggle();
});

您正在绑定单击两次您可以放置条件，绑定两次将导致双重操作。
前面答案中的切换非常有效，大多数人都会这样做。如果您希望某个显式元素执行相同的操作，并允许您根据其他元素的状态执行更多操作：

$("#button_1").click(function() {
    if ($("#bubble1").is(':visible')) 
       $('#bubble1').fadeOut();
    else
       $('#bubble1').fadeIn();
});

前面答案中的切换非常有效，大多数人都会这样做。如果您希望某个显式元素执行相同的操作，并允许您根据其他元素的状态执行更多操作：

$("#button_1").click(function() {
    if ($("#bubble1").is(':visible')) 
       $('#bubble1').fadeOut();
    else
       $('#bubble1').fadeIn();
});

所有这些答案看起来都很好，特别是if语句，但它已经过时了。是否可以使用类似于.css（可见性）的东西或类似的东西将元素保存在适当的位置（可能与if语句一起使用）？当然谢谢你。在if语句中，你可以做任何你想做的事情。谢谢，我能做到。所有这些答案看起来都很棒，特别是if语句，但它移到了别处。是否可以使用类似于.css（可见性）的东西或类似的东西将元素保存在适当的位置（可能与if语句一起使用）？当然谢谢你。在if语句中，你可以做任何你想做的事情。谢谢，我能做到