如何用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>