-1

onclick を切り替えるコンテンツ div を含むネストされたメニューがあります。デフォルトでは、ページが読み込まれると、すべてのコンテンツ div が非表示のメニューが表示されます。ページが（クリックせずに）読み込まれたときに、アクティブな Content div (class="active") を表示しようとしています。これは私のHTMLです：

<ul> 
 <li><h3 class="toggle_action"> Mailing Lists</h3>  // toggle trigger
  <ul class="div_toggle">  // the content div
   <li><h3 class="toggle_action"><a href="/list" class="active">Overview</a></h3></li>
   <li>...another link...</li>
  </ul>
 </li>
</ul>

これは私のjQueryです：

(function ($) {
   $(document).ready(function() {
        $(".div_toggle").slideUp();
        $(".active").Show();
        $(".toggle_action").click(function(){
            $(this).next(".div_toggle").slideToggle("slow");
        });         
    });    
  })(jQuery);

何時間も検索しましたが、onclick を表示/非表示にするコードしか見つかりません。ページの読み込み時にのみこれを行うには何か不足しているに違いありません。私を正しい方向に向けるのを手伝ってください！

4

2 に答える 2

1

私に飛びついたのは、jQueryメソッドではない$（'。active'）。Show（）を使用していることです。$（'。active'）。show（）が必要です。小文字の「S」に注意してください。

さらに、H3タグを閉じておらず、親要素を非表示にしています。

同じロジックの簡単な例：

<div class="a">
      <div class="b">Apple</div>
      <div class="c">Pear</div>
</div>

$(function(){
  $('.a').slideUp();
  $('.b').show();

  // No matter what you will never see .b or .c.  They will always be hidden
     when .a slides up

})
于 2013-01-09T18:19:56.160 に答える
-1

それはすべきではあり.show()ません.Show()

動作するjsfiddleの例: http://jsfiddle.net/MMdqp/

于 2013-01-09T18:20:09.170 に答える