html - Flexible layout. How to show conditional content without CSS? -



html - Flexible layout. How to show conditional content without CSS? -

i'm building tablet version of site through css max-width media queries. adapting styles have been easy far. found 1 part of site need show divs 2 images instead of 3 , can't find way css.

example:

site version

<div> <div>image1</div> <div>image2</div> <div>image3</div> </div>

tablet version (if max-width whatever, show 2 divs)

<div> <div>image1</div> <div>image2</div> </div>

any ideas?

thanks!

edit

ok, i'll seek more specific since every reply has been related display:none , though that's great solution, wouldn't work i'm trying do.

the divs part of slideshow. in total site version slider shows groups of 3 images. in tablet version, 3rd image part of sec grouping (but not disappear):

<div> <div>image1</div> <div>image2</div> </div> <div> <div>image3</div> <div>image4</div> </div>

and on...

i'm not sure if can done through css or if problem needs addressed kind of in-html script. that's why asked solution without css.

something good... .hideme class of course of study can placed within specific media query, , can renamed.

css

.hideme { display: none; }

html

<div> <div>image1</div> <div>image2</div> <div class="hideme">image3</div> </div>

html css

Comments

Popular posts from this blog

model view controller - MVC Rails Planning -

ruby on rails - Devise Logout Error in RoR -

html - Submenu setup with jquery and effect 'fold' -