这是代码:
if (urlGid) {
$('.global_main').hide();
$('#right-tabs, #right-tabs-content').show();
} else {
$('.global_main').show();
$('#right-tabs, #right-tabs-content').hide();
}
我觉得这很麻烦,怎么能优雅地改变呢?
我可以在没有if
else
的情况下对其进行编码吗?
答案 0 :(得分:1)
是的,您可以使用toggle()
。例如:
$('.global_main').toggle(!urlGrid);
$('#right-tabs, #right-tabs-content').toggle(urlGrid);
答案 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>