[Javascript] "display none" to all children

[Billy Reisinger]

Taking it a step further, to hide only particular subsheets:
    <div id="sheet">
              <div class="subsheet hideable" id="subsheet1"></div>
              <div class="subsheet" id="subsheet2"></div>
              <div class="subsheet hideable" id="subsheet3"></div>
          </div>

#sheet.hideSubs div.hideable { display: none; }

Then add the "hideSubs" class name with javascript as Mike detailed  
below.

On May 30, 2007, at 9:00 AM, Mike Dougherty wrote:

> On 5/30/07, Paul Novitski <paul at juniperwebcraft.com> wrote:
>          <div id="sheet">
>              <div class="subsheet" id="subsheet1"></div>
>              <div class="subsheet" id="subsheet2"></div>
>              <div class="subsheet" id="subsheet3"></div>
>          </div>
>
> I believe what David Dorward was suggesting was something like this  
> (guessing)
> [CSS]
> #sheet.hideSubs div.subsheet { display: none; }
>
> [javascript]
> (hide) document.getElementById("sheet").className = "hideSubs";
> (show) document.getElementById("sheet).className = "";
>
> * caveat:  for the sake of simplicity, this example assumes #sheet  
> has only one className - but there may be an existing class on that  
> element, so it's probably better to have a routine that  
> intelligently manages the addition and removal of individual  
> classNames from the space-separated list.
> _______________________________________________
> Javascript mailing list
> Javascript at LaTech.edu
> https://lists.LaTech.edu/mailman/listinfo/javascript