Meerdere divs initieel verbergen jquery

gast0198 · 17 jan 2017

Ik heb een container verdeeld in 6 verschillende divs, ik zou graag alle divs behalve de 1ste div initieel willen laten verbergen, hoe doe ik dit?

bron · 17 jan 2017

Met css:

Code:

.container div {
  display: none;
}
.container div:first-child {
  display: block;
}

Als er ook nog div's in de div's zitten gebruik dan .container > div

Suc6. Have fun.

gast0198 · 19 jan 2017

Initieel verbergen van meerdere divs kan toch niet met fadeIn functie of wel?

bron · 19 jan 2017

Initieel verbergen van meerdere divs kan toch niet met fadeIn

Zomaar voor de fun... het slaat nergens op maar het kan met fadeIn. Met css van post 2 is het simpeler te doen.

Code:

<div id="wrapper">
  <div id="text">Deze div verdwijnt door de overlay een fadeIn te geven</div>
  <div id="overlay"></div>
</div>

#wrapper {
  position: relative;
}
#text {
  width: 400px;
  height: 300px;
}
#overlay {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: none;
}
#text    { background: #a33; }
#overlay { background: #fff; }

$(document).ready(function(){
  $("#overlay").fadeIn(200);
});

Just4fun, misschien kan iemand het gebruiken.

Meerdere divs initieel verbergen jquery

gast0198

Gebruiker

bron

Moderator

gast0198

Gebruiker

bron

Moderator

Nieuwste berichten

Wij waarderen jouw privacy