Javascripttel csináltam egy legördülő listát. A második miért nem jelenik ugyanugy meg?

igen, ID -ból csak 1 lehet az oldalon.

Class -ból több is.

Ha többet szeretnél ugyan azzal a scriptel meghívni akkor class -t használd.

Tehát $('#cd-dropdown') helyett $('.cd-select')

Nem néztem meg a feltöltött fájlt, de ha azért kell a JS, hogy onclick eseményre történjen valami, akkor így tudod ezt elérni classra:

$(document).ready( function () {

$(document).on("click", ".cd-select", function () {

submenu_megjelenitese(); // ide jön a kódod, ami a megjelenítést végzi

}

});

var cd_dd = $( '.cd-select' ); //minden elemet kiválasztani

//végigmenni a selecteken, és mindegyikre rátenni az effektet

for(var i = 0; i<cd_dd.length; i++){

$(cd_dd[i]).dropdown( {

gutter : 5,

stack : false,

delay : 100,

slidingIn : 100

} );

}

mivel itt nem csak egy elemet választunk ki, ezért nem lehet egyszerre rátenni a kupacra az effektet, végig kell menni és egyesével.

$(cd_dd[i]).dropdown( {})

itt mivel a dropdown az egy jQuery függvény, ezért kell jquerybe passzolni az elemet, és így meghívni

de akár így is lehetne:

$('.cd-select').each(function(){$(this).dropdown( {

gutter : 5,

stack : false,

delay : 100,

slidingIn : 100

} )});

chromeban műkszik így:

kiszedtem a js-ből a zindexeket

és indexben hozzáírtam ezt, miután a selectek átalakultak (ezért a .cd-sropdown>ul):

var i = 0; //számláló

$('.cd-dropdown>ul').each(function(){ //végigmegy a dropdownokon

i++;

$(this).css('z-index', 1000-i); //folyamatosan kisebb z-indexet kap, így alulról felfelé nyitogatva is a felső kerül előre

});

így nem lóg alá-fölé (de másik animációval lehet bagos lenne)

de én inkább úgy csinálnám, hogy ha kinyitott dd közben másikat nyitna, akkor a nyitottat becsukom

(sőt, ha nem dd-ra kattint, akkor csukoljon is be)