如何用javascript优化此代码？

Question

Тhis是代码：

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

我觉得这是这么麻烦，怎样才能优雅地改变呢？
我可以编码吗？ifelse？

Answer 1

是的，你可以使用toggle()了点。例如：

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

见文档浏览：http://api.jquery.com/toggle/#toggle-display

Answer 2

你可以这样做：

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

Answer 3

也许只是...

$（ 'global_main，＃右标签，＃右选项卡的内容。'）切换。 （）;

$("#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>