2

これは、常に 1 つと残り<div>をアニメーション化するコード スニペットです。これにより、さらに追加する hide()と長いリストが生成されます。hide()

<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();

必要な数と必要なものを表示できるようにhide()する方法はありますか?<div>animate

4

4 に答える 4

2

個々の hide ステートメントを取り除き、次を使用します。

$("div:not('#slidingDivVideoCategory')").hide();
于 2013-10-04T00:32:10.290 に答える
1

高度なセレクターを使用できるように見えます。同じ単語で始まる ID がたくさんあるのを見たので、これでうまくいきます

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

//For the animate use what you have

それが役に立ったことを願っています！

于 2013-10-04T00:37:18.740 に答える
1

クラスセレクターを使用して、クラスを使用して非表示にすることができます。

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

または、複数のセレクターを組み合わせます。

$("#slidingDivAudioCategory, #slidingDivPicturesCategory, #slidingDivsAdsCategory").hide();
于 2013-10-04T00:34:26.627 に答える
1

本当にすべて のを隠したい場合は<div>、

$('div').hide();

<div>ただし、隠したいすべての s にクラスを追加したい場合があります。

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

代わりは。

于 2013-10-04T00:31:41.710 に答える