Jquery，一键切换两个元素，一个元素应该出现，另一个应该隐藏

Question

我有两个 div 和一个按钮。我希望一个具有显示属性 none 的 div 在单击时可见，而另一个 div 被隐藏。

这应该会切换。在下一次点击。第二个元素应该是可见的，第一个元素应该是隐藏的。

我对 Jquery 一无所知。

我如何实现这一目标？？

我一直在尝试这个...

<script>
      $(document).ready(function(){
          $("#filter").click(function(){
             $("#sidebar").toggle(function(){
                 $("#sidebar").hide();
                 $(".right-box").show();
             }, function(){
                 $("#sidebar").show();
                 $(".right-box").hide();
             });
         });
     });
</script>

它不能很好地工作。 div 瞬间出现和消失

Answer 1

希望对您有所帮助。

HTML:

 <div id='content'>Hello World</div>  
 <input type='button' id='hideshow' value='hide/show'>

J查询:

jQuery(document).ready(function(){
jQuery('#hideshow').live('click', function(event) {        
     jQuery('#content').toggle('show');
});
 });

Demo