http://bybyweb.com/marketeerz/
(rollover iznad 'you might well ask...', klik na pitanjca u sekciji otvara odgovore)
Manje-vise klasican dropdown meni, sa izvesnim dodacima. E, sad, iz nekog razloga koji ima veze sa setovanjem height-a, ovo ne funkcionise:
Sta bi trebalo da promenim u html/css/jquery delu, da bi ovo radilo? Hvala!
(rollover iznad 'you might well ask...', klik na pitanjca u sekciji otvara odgovore)
Manje-vise klasican dropdown meni, sa izvesnim dodacima. E, sad, iz nekog razloga koji ima veze sa setovanjem height-a, ovo ne funkcionise:
Code:
$("li.dropdowner").mouseover(function() {
$('#questions_dropdown').stop().slideDown('slow');
})
$("li.dropdowner").mouseleave(function() {
$('#questions_dropdown').stop().slideUp('slow');
$('.hidden_answer').slideUp('slow');
})
$("li.dropdowner").mouseover(function() {
$('#questions_dropdown').stop().slideDown('slow');
})
$("li.dropdowner").mouseleave(function() {
$('#questions_dropdown').stop().slideUp('slow');
$('.hidden_answer').slideUp('slow');
})
Code:
#questions_dropdown {
position:absolute;
z-index:99999;
/*top:35px;*/
top:20px;
left:60px;
list-style-type:none;
overflow:visible;
margin:0;
padding:0;
width:420px;
height:auto!important; -> problematican deo, kad ne stavim !important, animacija funkcionise,
ali se lista ne 'izduzuje', koliko je potrebno da bi se videla sva pitanja.
background-color:#000;
border-radius:6px;
display:none;
}
#questions_dropdown {
position:absolute;
z-index:99999;
/*top:35px;*/
top:20px;
left:60px;
list-style-type:none;
overflow:visible;
margin:0;
padding:0;
width:420px;
height:auto!important; -> problematican deo, kad ne stavim !important, animacija funkcionise,
ali se lista ne 'izduzuje', koliko je potrebno da bi se videla sva pitanja.
background-color:#000;
border-radius:6px;
display:none;
}
Sta bi trebalo da promenim u html/css/jquery delu, da bi ovo radilo? Hvala!