Как оптимизировать этот код с помощью javascript?

Question

является код Вилла Руж:

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>