mam taki kodzik:
Menu działa w taki sposób:
Domyślnie klasy "undermenu" są niewidoczne(display:none) - widać tylko elementy <h5>.
Po kliknięciu na taki element rozwija się konkretna lista (np. klikam w <h5> z id="1" pokazuje się lista z id="i1").
Następnie można kliknąć wybrany element <li>. Obok niego powinien pojawić się <div> z class="wybrano_p".
Jednak mam problem z tym, że po wybraniu np. <li id="2">, którego rodzicem jest <h5 id="1">, i kliknięciu na <h5 id="2"> Nie ma tam domyślnie zaznaczonej pierwszej pozycji
Sądzę, że dobrym rozwiązaniem było by pobranie atrybutu "id" z elementu nadrzędnego <li>, czyli z <h5>. Czy jest to możliwe za pomocą js?
A co Wy o tym sądzicie?
Poniżej zamieszczam kod java script:
Kod
$("H5").click(function(){
var id = $(this).attr("id");
var stan = $("#i"+id).css("display");
if(stan=="none"){
$(".wybrano_l").css("rotation","90deg anti-clockwise");
$(".undermenu").slideUp("normal");
$("#i"+id).slideToggle("normal");
}
});
$(".undermenu > li").click(function(){
var id = $(this).attr("id");
$(".wybrano_p").hide("fast");
$(".undermenu > li").css("font-weight","normal");
$(this).css("font-weight","bold");
$("#w"+id).show("fast");
});
var id = $(this).attr("id");
var stan = $("#i"+id).css("display");
if(stan=="none"){
$(".wybrano_l").css("rotation","90deg anti-clockwise");
$(".undermenu").slideUp("normal");
$("#i"+id).slideToggle("normal");
}
});
$(".undermenu > li").click(function(){
var id = $(this).attr("id");
$(".wybrano_p").hide("fast");
$(".undermenu > li").css("font-weight","normal");
$(this).css("font-weight","bold");
$("#w"+id).show("fast");
});