Home/ Questions/Q 4569420
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T19:13:01+00:00

I have these divs, each have the same class .onediv and distinct ids div1,

  • 0

I have these divs, each have the same class .onediv and distinct ids div1, div2, div3

<div class="alldivs">
   <div class="onediv" id="div1">
   </div>
   <div class="onediv" id="div2">
   </div>
   <div class="onediv" id="div3">
   </div>
</div>

I want to use jquery to change their css display property so that all of them are display none except id=div2 which is display block. Right now I’m doing it this way with 2 lines. Is there a quicker way to do the same thing with one line only?

$('.onediv').css('display', 'none');    
$('#div2').css('display', 'block');
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you’re hiding/showing amongst siblings then the most generic (and still performant) solution is to use .siblings(), like this:

    $("#div2").show().siblings().hide();

    Note that .show() and .hide() are shortcuts for setting the display CSS property like you want here (between none and what it was before, block in the default <div> case).

    • 0