如何用javascript优化这段代码?

时间:2015-12-02 13:11:53

标签: javascript

这是代码:

  if (urlGid) {
       $('.global_main').hide();
       $('#right-tabs, #right-tabs-content').show();
  } else {
       $('.global_main').show();
       $('#right-tabs, #right-tabs-content').hide();
  }

我觉得这很麻烦,怎么能优雅地改变呢? 我可以在没有if else的情况下对其进行编码吗?

3 个答案:

答案 0 :(得分:1)

是的,您可以使用toggle()。例如:

 $('.global_main').toggle(!urlGrid);
 $('#right-tabs, #right-tabs-content').toggle(urlGrid);

请参阅此处的文档:http://api.jquery.com/toggle/#toggle-display

答案 1 :(得分:0)

你可以这样做:

if (urlGid) {
    $('.global_main').hide();
    $('#right-tabs, #right-tabs-content').show();
} else {
    $('.global_main').show();
    $('#right-tabs, #right-tabs-content').hide();
}

答案 2 :(得分:0)

也许只是......

$('。global_main,#right-tabs,#right-tabs-content')。toggle();

$( "#toggle" ).click(function() {
$('.global_main, #right-tabs, #right-tabs-content').toggle();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="right-tabs">right-tabs</div>
<div class="global_main" style="display:none">global_main</div>
<div id="right-tabs-content">right-tabs-content</div>
<button id="toggle">toggle</div>