Добрый день. Нужно готовый код меню на JS вставить в HTML рядом с другим меню, но чтобы при этом стиль меню на JS был такой же как и в остальном меню. Само меню на JS работает и находится в нужном месте, но не могу подобрать стили так, чтобы не испортить функционал явы скрипта.
Изначальный HTML код меню на JS
<div id="main">
<ul id="slide_menu">
<li>
<h3>menu 1</h3>
<ul class="container">
<li><a href="#submenu11">submenu 1.1</a></li>
<li><a href="#submenu12">submenu 1.2</a></li>
<li><a href="#submenu13">submenu 1.3</a></li>
</ul>
</li>
</ul>
</div>
Код JS
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
var list = $$('#slide_menu li ul.container');
var headings = $$('#slide_menu li h3');
var collapsibles = new Array();
headings.each( function(heading, i) {
var collapsible = new Fx.Slide(list[i], {
//duration: 'normal',
transition: Fx.Transitions.quadOut
});
collapsibles[i] = collapsible;
heading.onclick = function(){
for(var j = 0; j < collapsibles.length; j++)
if(j!=i)
collapsibles[j].slideOut();
collapsible.toggle();
return false;
}
collapsible.hide();
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(
['_setAccount', 'UA-5788854-4'],
['_setDomainName', '.vkurseweba.ru'],
["_addOrganic", "mail.ru", "q"],
["_addOrganic","rambler.ru", "words"],
["_addOrganic","nigma.ru", "s"],
["_addOrganic","blogs.yandex.ru", "text"],
["_addOrganic","webalta.ru", "q"],
["_addOrganic","aport.ru", "r"],
["_addOrganic","akavita.by", "z"],
["_addOrganic","meta.ua", "q"],
["_addOrganic","bigmir.net", "q"],
["_addOrganic","tut.by", "query"],
["_addOrganic","all.by", "query"],
["_addOrganic","i.ua", "q"],
["_addOrganic","online.ua", "q"],
["_addOrganic","a.ua", "s"],
["_addOrganic","ukr.net", "search_query"],
["_addOrganic","search.com.ua", "q"],
["_addOrganic","search.ua", "query"],
["_addOrganic","poisk.ru", "text"],
["_addOrganic","km.ru", "sq"],
["_addOrganic","liveinternet.ru", "ask"],
["_addOrganic","gogo.ru", "q"],
["_addOrganic","gde.ru", "keywords"],
["_addOrganic","quintura.ru", "request"],
['_trackPageview']
);
(function() {
var ga = document.createElement('script');
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
ga.setAttribute('async', 'true');
var f = document.documentElement.firstChild;
while(f && f.nodeType != 1){ f = f.nextSibling; }
f.appendChild(ga);
})();
</script>
Кусок HTML где должно стоять меню верхнее меню - это меню которое должно работать на JS , нижнее обычное меню.
<div class="menu-list">
<div class="title">Buy</div>
<ul id="slide_menu">
<li>
<h3>menu 1</h3>
<ul class="container">
<li><a href="#submenu11">submenu 1.1</a></li>
<li><a href="#submenu12">submenu 1.2</a></li>
<li><a href="#submenu13">submenu 1.3</a></li>
</ul>
</li>
</ul>
</div>
<div class="menu-list">
<div class="title">Buy</div>
<ul>
<li class="oppened"><a href="http://www.google.com">Sleep Number Beds</a>
<ul class="second">
<li><a href="http://www.google.com">Class Series</a></li>
<li><a href="http://www.google.com">Perfomance Series</a></li>
<li><a href="http://www.google.com">Innovation Series</a></li>
</ul>
</li>
<li><a href="http://www.google.com">Sleep Number Beds</a></li>
<li><a href="http://www.google.com">Sleep Number Beds</a></li>
<li><a href="http://www.google.com">Sleep Number Beds</a></li>
<li><a href="http://www.google.com">Sleep Number Beds</a></li>
</ul>
</div>
Помогите настроить стили под дизайн общего меню
