Div-select-dropdown-Menü, jquery-toggle ein und option

Ich versuche, um mein dropdown-Menü arbeiten in jquery, aber für einige Grund des .wählen Sie die div-hält verblassen mit diesem script, wenn es lädt.

<div class="select">Select your option</div>
<div class="dropdown">
    <ul>
        <li>Option 1</li>
        <li>Option 2</li>
        <li>Option 3</li>
        <li>Option 4</li>
        <li>Option 5</li>
    </ul>
</div>

Und ich habe diesen script hier -

<script>
$(document).ready(function () {
    $(".select").toggle(function () {
        $(".dropdown").fadeIn("slow");
    },

    function () {
        $(".dropdown").fadeOut("slow");
    });
});
</script>

Alles, was ich falsch mache?

Auch - ich versuche, herauszufinden, wie würde ich ändern, der Inhalt .wählen Sie basierend auf was Sie klicken Sie auf aus .dropdown ? Oder was ist der effizienteste Weg?

  • welche version von jQuery benutzt du ?
  • Ich habe die jquery version 1.10.2
  • .toggle-Funktion ist abgeschrieben in der version 1.8 also nach dieser version kann nicht verwendet werden.Siehe HIER
InformationsquelleAutor Matt | 2013-10-27
  1. 1

    Verwenden .fadeToggle()

    $(document).ready(function () {
    $(".select").click(function () {
        $(".dropdown").fadeToggle("slow");
    });
});

    fiddle DEMO

    Lesen

    .toggle() Deprecated > Deprecated 1.8 entfernt und inn nach 1.9.So dass Sie nicht verwenden können, es mit 1.10

    Veraltet-Selektor

    InformationsquelleAutor Tushar Gupta - curioustushar
  2. 1

    Können Sie dies tun:

    $(document).ready(function () {
    $(".select").click(function () {
        $(".dropdown").fadeToggle("slow");
    });

    $('.dropdown li').click(function () {
        $(".select").text($(this).text());
    });
});

    Als .toggle(function, function, ... ) entfernt in jQuery 1.9-upgrade release

    Demo: Geige

    • Vielen Dank, werden muss, zu müde, um nicht von diesem denken ha!
    InformationsquelleAutor palaѕн
Schreibe einen Kommentar