0
Я хочу добавить раскрывающийся список в мою форму (onclick event of a button). Я знаю, что это основное из JS. Но, пожалуйста, помогите! Спасибо заранее!Как создать раскрывающийся список с помощью Mootools?
Я хочу добавить раскрывающийся список в мою форму (onclick event of a button). Я знаю, что это основное из JS. Но, пожалуйста, помогите! Спасибо заранее!Как создать раскрывающийся список с помощью Mootools?
Существует хороший пример here, включая все необходимые HTML, Javascript и CSS.
HTML:
<div id="menu-container">
<ul id="drop_down_menu">
<li class="menu">Menu 1
<ul class="links">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</li>
<li class="menu">Menu 2
<ul class="links">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
</ul>
Javascript:
window.addEvent('domready', function(){
$('drop_down_menu').getElements('li.menu').each(function(elem){
var list = elem.getElement('ul.links');
var myFx = new Fx.Slide(list).hide();
elem.addEvents({
'mouseenter' : function(){
myFx.cancel();
myFx.slideIn();
},
'mouseleave' : function(){
myFx.cancel();
myFx.slideOut();
}
});
})
});
от выпадающего списка вы имеете в виду простой ''