how to optimize this code with javascript?

Question

Тhis is code:

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

I think this is so trouble, how can change it elegantly?
can I code it without if else?

Matt Way · Accepted Answer · 2015-12-02 13:23:34Z

1

Yes, you can use toggle() for that. For example:

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

See docs here: http://api.jquery.com/toggle/#toggle-display

answered Dec 2, 2015 at 13:23

Matt Way

33.3k10 gold badges85 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

void · Accepted Answer · 2015-12-02 13:13:58Z

0

You can do this:

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

answered Dec 2, 2015 at 13:13

void

36.7k10 gold badges71 silver badges111 bronze badges

Comments

Alberto Cerdá · Accepted Answer · 2015-12-02 13:28:33Z

0

Maybe just...

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

answered Dec 2, 2015 at 13:28

Alberto Cerdá

562 bronze badges

Collectives™ on Stack Overflow

how to optimize this code with javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related