Question

i have the following divs:

<div id="hidethis">
    <!-- here i have some more divs, each with a classqid name -->
    <div class="donthide">
    </div>     
</div>

i want to hide everything inside the surounding div #hidethis" except the div ".donthide".
i read some related posts and i tried:

 $(document).ready(function() {
    $("#hidethis").not(".donthide").hide();
 });

or this:

 $(document).ready(function() {
   $("#hidethis").filter(".donthide").hide();
 });

but nothing seems to work, it hides everything including “.donthide”

thanks to all helpers

Answer 1

How about:

$("#hidethis").children(":not(.donthide)").hide();

Example: http://jsfiddle.net/FveKc/