Привет!.
Есть менюшка, сама по себе работает, хоть не трогай...
Но есть необходимость открывать и закрывать её списки из отдельного тэга, типа кнопка.
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready', function ddd(toggler, element,ee){
var accordion = new Accordion('h3.menusection',
'ul.menusection', {opacity: false,
onActive: function fff(toggler, element)
{
toggler.setStyle('color', '#333333');
toggler.setStyle('background', '#F7F1E5');
},
onBackground: function(toggler, element)
{
toggler.setStyle('color', '#333');
toggler.setStyle('background', '#E8D7B7');
}
},
$('menu')
);
}
);
</script>
<div id="box0">
<div id="menu">
<h3 class="toggler menusection" id='XXX_1'>О компании</h3>
<ul class="element menusection" id='YYY_1'>
<li><a href="1">Ссылка 1</a></li>
<li><a href="2">Ссылка 2</a></li>
<li><a href="3">Ссылка 3</a></li>
</ul>
<h3 class="toggler menusection" id='XXX_2'>Статьи</h3>
<ul class="element menusection" id='YYY_2'>
<li><a href="1">Ссылка 1</a></li>
<li><a href="2">Ссылка 2</a></li>
<li><a href="3">Ссылка 3</a></li>
</ul>
</div>
</div>
Кнопка.
<button onclick="
AA=document.getElementById('XXX_2');
BB=document.getElementById('YYY_2');
">
</button>
Помогите открыть 2-й список в меню и закрыть первый.