OK this one is for all my geeky [said lovingly] LJ Friends;
In CSS (and possibly JQuery) - Is there a way to make one of several collections within
...,
... ... etc tags to just simply disappear and relinquish their space until I want the grouping to appear and take up space on the page by changing some properties of the aa## tag?
There will be
(
Read more... )
Comments 6
(The comment has been removed)
I'll give it a try in the next day or two. Weekends are clean out the house up North Jersey days, so it may be a little while before I know how it works out.
Reply
(The comment has been removed)
Reply
Do you have any control over it? If yes, add a class, then flip it at the end:
-
... ....
- with just css: div[id^="aa"] {display: none;} div[id="aa01"] {display: block} - first rule says hide completely all divs whose ID starts with "aa", second rule (has to go after the first one) says for div with ID of aa01 do the display block (default for div)
Or am I mixing up something and that's not what you want to do? :)
display: none; is what generally is used to "remove" things (including space the element would occupy)
Reply
at the end of string of divs do $("div[id^='aa']").removeClass('hidden') and don't forget to have .hidden {display: none;} in css
Reply
Reply
In case like that I recommend to render one page w/images, and then lazy-load the next ones as they come into view. At least people who don't scroll don't get punished with a torrent of image traffic (customer probably doesn't give a hoot that their bandwidth use will be 10x)
Reply
Leave a comment