jQueryでデフォルトのパネルを開く方法

Question

この質問がどれほどシンプルかと思いますが、探している情報が見つかりません。私のページには2つのdivがあり、それらは開いたり閉じたりするjQueryによって制御されます。ページが読み込まれると、デフォルトで両方とも閉じます。私は、ページが読み込まれたり、ポストバックがあったときに、どのようにデフォルト（loginDiv）を開くようにするのだろうかと思いましたか？私はjQueryで非常に初心者であり、これまで私を助けてくれた人は今の選択肢ではありません。前もって感謝します！

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript"> 
    // <![CDATA[ 

    (function($) { 
     var containers = ['login', 'account']; 

     var toggle = function(container, flag) { 
      span = $('#' + container + 'Link').find('span'); 
      div = $('#' + container + 'Div'); 

      div[flag ? 'slideDown' : 'slideUp'](); 
      span.html(flag ? '-' : '+'); 
     }; 

     var clickHandler = function() { 
      container = this.id.match(/^[a-z]*/); 
      flag = $(this).find('span').html() == '+'; 
      toggle(container, flag); 

      if (flag) { 
       for (i = 0, j = containers.length; i < j; i++) { 
        con = containers[i]; 


        if (con != container) 
         toggle(con, 0); 
       } 
      } 
     }; 

     $(function() { // on load 

      for (i = 0, j = containers.length; i < j; i++) 
       $('#' + containers[i] + 'Link').click(clickHandler); 

     }); 

    })(jQuery); 

    //]]> 
</script> 

//And here are the divs: 
<div id="loginDiv" style="display:none">...</div> 
<div id="accountDiv" style="display: none;">...</div> 

私は何もなく、誰にも負けないloginDivの表示を変える試みたが、それはまだ正常に動作しない：ここでは

はコードがあります。

Answer 1

あなたはこのような何かを行うことができます。

http://jsfiddle.net/ufomammut66/Em64X/

基本的にページintializesを表示していない要素と。ページがロードされると（$function(){ビット）、login要素のcss値'display'がブロックとして設定されます。 bam - ページの読み込み時に目に見える要素があります。

また、一度に1つしか表示されないようにすばやく小さなトグルボタンが表示されました。私はあなたがそこでやろうとしていることを100％確信しているわけではありませんが、1つの要素をすべて見つけようとしているようです。これは、クラス「hideAble」を使って何かをスライドトグルするだけです。そこにはdivまたはdivがあります。

これが役に立ちます。

EDIT：読み込み中にスパンのテキストが変更されました。

Answer 2

<div>タグは意図的に閉じる</div>タグを持っていませんか？これらを閉じて、loginDivからdisplay:noneを削除してください。