ログインフォーム用のjQueryドロップダウン機能を作成する

Question

私はサブスクリプションベースのWordPressサイトで旧式のプラグインを置き換えようとしています。これは今まで私のログインフォームをホームページに埋め込む能力を私に与えてくれましたフォームが開いて閉じられるように切り替えることができるドロップダウン内にあります（そして、サイトが最初に読み込まれると、最初は閉じています）。

私が欲しいのは、これをクリックするとログインフォームを含むフレーズ（「ログイン&アカウントの詳細」）です。もう一度クリックすると再びドロップダウンが閉じられます。

私はWordPressフォーラム（https://wordpress.org/support/topic/add-custom-login-form-to-navigation?replies=3#post-8649379）で以下を見つけ、自分のニーズに合わせて調整しました。

私は私の子供のテーマののfunctions.phpファイルに追加：

jQuery(function() { 
    jQuery('#form-toggle').click(function() { 
     jQuery('#login-form').toggle(); 
    }); 
}); 

私がホームページに追加：

<div id="form-toggle">Login & Account Details</div> 
<div id="login-form"> 
[login_form] 
</div> 

を私はカスタムCSSに追加：

#login-form { 
display: none; 
} 

#form-toggle { 
cursor: pointer; 
} 

しかし、実装したときに、「ログイン&アカウントの詳細」とログインフォームもデフォルトで表示されていました。 「ログイン&アカウントの詳細」をクリックすると、ドロップダウンが折りたたまれ、閉じられ、再びクリックされるとドロップダウンします。

上記のコードを使用する方法はありますか？ただし、ドロップダウンがデフォルトでは表示されず、[ログイン&アカウントの詳細]テキストをクリックした後にのみ表示されるように調整しますか？

また、私がやろうとしていることを達成する別の方法がありますか？私は非常に、非常にjQueryの新しいです。お手伝いありがとう！

Answer 1

私は[JSFiddle]（https://jsfiddle.net/1xp6bhgc/）でこれを実装したときに、それが正常に動作する！、まあ

jQuery(document).ready(function(){ 
     jQuery('#login-form').hide(); 
     jQuery('#form-toggle').click(function() { 
      jQuery('#login-form').toggle(); 
     }); 
    });