0

JQuery (Javascript、CSS、Html) を使用してドロップダウンリストを作成しようとしています。この種のドロップダウンリストを作成するにはどうすればよいですか (写真を参照)

ここに画像の説明を入力

このドロップダウンリストを表示するためにこのコードを使用しました (Jquery、CSS) 国を選択してください

  • ニューデリー
  • カリフォルニア
  • グルガオン
  • 北東アメリカ
  • 北米
  • 南アフリカ
  •     <script type="text/javascript">
    
        $(".signupdd_dd li a").click(function () {
            $(".chosen").removeClass("chosen");
            $(this).addClass("chosen");
            alert($(this).text());
        });
        </script>
    

    さて、このリストを表示および非表示にするにはどうすればよいですか???

    4

    1 に答える 1

    0

    ここを見てください:

    http://www.webchief.co.uk/blog/simple-jquery-dropdown-menu/#

    この例では、ユーザーが項目の上にカーソルを置いたときにアクティブになる関数を使用しています。したがって、少し異なりますが、入力とドロップダウンリストの表示の間の媒体として機能する関数の適切な実装を示しています。

    使用できるのは、クリックの代わりに jQuery の toggle ステートメントです。

    http://api.jquery.com/toggle-event/

    そのページの下部に、次の例があります。

    <!DOCTYPE html>
    <html>
    <head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    <body>
    <button>Toggle</button>
    <p>Hello</p>
    <p style="display: none">Good Bye</p>
    <script>
    
    $("button").click(function () 
     {
       $("p").toggle();
     });
    </script>
    
    </body>
    </html>
    

    幸運を!

    于 2013-05-29T10:24:50.723 に答える