-6

divをクリックしてこのようなセレクターを作成したいのですが、画像のように他のオプションを表示する必要があり、別のオプションを選択した後、選択した値をdivに表示する必要があります。

ここに画像の説明を入力してください

この画像は Google翻訳者からのものです

4

2 に答える 2

0

あなたはこのようなことをすることができます:

<div id="drop-button">
    From: LANGUAGE
    <ul id="drop-content">
        <li>OPTION</li>
        <li>OPTION</li>
        <li>OPTION</li>
        <li>OPTION</li>
        <li>OPTION</li>
        <li>OPTION</li>
    </ul>
</div>

<style>
    #drop-content { display: none; }
</style>

<script>
    $(document).ready(function() {
        $("#drop-button").toggle(function() {
            $("#drop-content").fadeIn(350);
        }, function() {
            $("#drop-content").fadeOut(350);
        });
    });
</script>

JsFiddle: http: //jsfiddle.net/9bzkM/8/

動作するはずです。

于 2013-03-18T10:26:31.027 に答える
0

これを参照してください:サンプル

$(document).ready(function () {
  $("#lang-from").click(function () {
    $("#lang-content").slideToggle(350);
  });

  $("#lang-content li").click(function (e) {
    e.stopPropagation();
    $("#lang-content").slideUp(350);
    $("#lang-from span").text($(this).text());
  });

});
于 2013-03-18T10:37:42.537 に答える