4

次の関数は、相対IDをクリックするとdivを切り替えます。ページが読み込まれたときに、切り替えられているdivが閉じて開始するように設定する方法はありますか？

クリックするまで見られたくない。

一番、

ジョーイ

<script type="text/javascript">
    $(document).ready(function() {
        $("#architects").click(function() {
             $(".exclusive-architects").toggle();
        });
        $("#international").click(function() {
             $(".exclusive-international").toggle();
        });
        $("#designers").click(function() {
             $(".exclusive-designers").toggle();
        });
        $("#historical").click(function() {
             $(".exclusive-historical").toggle();
        });
    });
    </script>
4

4 に答える 4

4

このように、domreadyでそれらを非表示にするだけです。

<script type="text/javascript">
    $(document).ready(function() {
        $(".exclusive-architects, .exclusive-international, 
           .exclusive-designers, .exclusive-historical").hide();

        $("#architects").click(function() {
             $(".exclusive-architects").toggle();
        });
        $("#international").click(function() {
             $(".exclusive-international").toggle();
        });
        $("#designers").click(function() {
             $(".exclusive-designers").toggle();
        });
        $("#historical").click(function() {
             $(".exclusive-historical").toggle();
        });
    });
    </script>
于 2012-11-07T23:22:45.963 に答える
1

display:none開始CSSにを追加する必要があります

于 2012-11-07T23:26:35.753 に答える
1

デモ

HTMLが次のようになっている場合：

<div id="buttons">

    <div>toggle architects</div>
    <div>toggle international</div>
    <div>toggle designers</div>
    <div>toggle historical</div>

</div>

<div class="cont"> architects content </div>
<div class="cont"> international content </div>
<div class="cont"> designers content </div>
<div class="cont"> historical content </div>

必要なのは：

$('.cont').hide(); // HIDE ALL INITIALLY

$('#buttons div').click(function(){
  $('.cont').eq(  $(this).index()  ).toggle();
});
于 2012-11-07T23:31:06.600 に答える
0 
$(function(){ // DOM ready

    $(".exclusive-architects").hide();
    $(".exclusive-international").hide();
    $(".exclusive-designers").hide();
    $(".exclusive-historical").hide();

});

それは動作するはずです:)

于 2012-11-07T23:22:27.357 に答える