JQuery 2.0.3, hide all divs at once?

Question

here is a code snippet where we always animate one <div> and hide() the rest. This produces a long list of hide() as we add more.

<script type="text/javascript">
    //<![CDATA[
            function showSlidingDivVideoCategory(){
                // show what we need
                $("#slidingDivVideoCategory").animate({"height": "toggle"}, { duration: 500 });

                // hide what we dont
                $("#slidingDivAudioCategory").hide();
                $("#slidingDivPicturesCategory").hide();
                $("#slidingDivAdsCategory").hide();
                $("#slidingDivMediaRoom").hide();
                $("#slidingDivKeynotePresentations").hide();
                $("#slidingDivBlog").hide();
                $("#slidingDivAbout").hide();
                $("#slidingDivSubmitFootage").hide();
                $("#slidingDivContact").hide();
                $("#slidingDivSearchBox").hide();

Is there a way that I can hide() all <div> so I can just then show the few I want and animate the one I want?

Answer 1

摆脱个别的hide语句并使用：

$("div:not('#slidingDivVideoCategory')").hide();

Answer 2

If you really want to hide all <div> s, use

$('div').hide();

However, you might want to add a class to all <div> s you want to be hidden add use

$('.yourclassname').hide();

instead.

Answer 3

You can use a class selector and hide using class.

$(".myclass").hide();

Or combine multiple selectors:

$("#slidingDivAudioCategory, #slidingDivPicturesCategory, #slidingDivsAdsCategory").hide();

Answer 4

Look you can use advance selectors, I saw you have many ids starting by the same word so this would work

$("[id*=slidingDiv]").hide();

//For the animate use what you have

Hope it helped!