como otimizar este código com javascript? - javascript

Isso é código:

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

Eu acho que isso é tão problemático, como pode mudar isso elegantemente?
posso codificá-lo sem if else?

Respostas:

Sim, você pode usar toggle() por isso. Por exemplo:

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

Veja os documentos aqui: http://api.jquery.com/toggle/#toggle-display

Você consegue fazer isso:

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

Talvez apenas ...

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