| technokid |
24.05.2011 15:15 |
Проблема с меню акордеоном
Люди помогите пожалуйста.
Сделал меню, подключил к нему JS...все работает хорошо кроме двох пунктов.
1) после вибора пункта (тоисть когда он стает активным) меню скривается назад. Я хочу что бы оно оставалось откритым.
2) когда жмеш по меню оно откривается, но когда опять жмёшь что бы закрилось, уже не закривается. А закривается только после того как нажмёшь на другой пункт.
Вот код:
Код:
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
<script type="text/javascript">
jQuery.fn.initMenu = function() {
return this.each(function(){
var theMenu = jQuery(this).get(0);
jQuery('.acitem', this).hide();
jQuery('li.expand > .acitem', this).show();
jQuery('li.expand > .acitem', this).prev().addClass('active');
jQuery('li a', this).click(
function(e) {
e.stopImmediatePropagation();
var theElement = jQuery(this).next();
var parent = this.parentNode.parentNode;
if(jQuery(parent).hasClass('noaccordion')) {
if(theElement[0] === undefined) {
window.location.href = this.href;
}
jQuery(theElement).slideToggle('normal', function() {
if (jQuery(this).is(':visible')) {
jQuery(this).prev().addClass('active');
}
else {
jQuery(this).prev().removeClass('active');
}
});
return false;
}
else {
if(theElement.hasClass('acitem') && theElement.is(':visible')) {
if(jQuery(parent).hasClass('collapsible')) {
jQuery('.acitem:visible', parent).first().slideUp('normal',
function() {
jQuery(this).prev().removeClass('active');
}
);
return false;
}
return false;
}
if(theElement.hasClass('acitem') && !theElement.is(':visible')) {
jQuery('.acitem:visible', parent).first().slideUp('normal', function() {
jQuery(this).prev().removeClass('active');
});
theElement.slideDown('normal', function() {
jQuery(this).prev().addClass('active');
});
return false;
}
}
}
);
});
};
jQuery(document).ready(function() {jQuery('#menu').initMenu();});
</script>
<ul id="menu">
<li ><a href="/index.php">Головна</a></li>
<li > <a href="#">Про нас</a>
<ul class="acitem">
<li ><a href="/pro-nas/dialnist.html">Діяльність</a></li>
<li ><a href="/pro-nas/history.html">Історія</a></li>
<li ><a href="/pro-nas/dosygnennya.html">Досягнення та нагороди</a></li>
<li ><a href="/pro-nas/our-crew.html">Наша команда</a>
<ul class="acitem">
<li ><a href="/pro-nas/our-crew/director.html">Дирекція виставок</a></li>
<li ><a href="/pro-nas/our-crew/reklama.html">Реклама</a></li>
<li ><a href="/pro-nas/our-crew/project-of-exebition.html">Проектування виставок</a></li>
</ul>
</li>
<li ><a href="/pro-nas/our-partnetrs.html">Наші партнери</a></li>
</ul>
</li>
<li > <a href="#">Виставки</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=12〈=en">Про виставку</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=2&Itemid=13〈=en">Тематика виставки</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=4&Itemid=15〈=en">Партнери</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=5&Itemid=16〈=en">Новини виставки</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=3&Itemid=61〈=en">Час і місце проведення</a></li>
</ul>
</li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=6&Itemid=17〈=en">Супутні заходи</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=7&Itemid=18〈=en">Програма заходів</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=8&Itemid=19〈=en">Семінари</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=9&Itemid=20〈=en">Лекції</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=10&Itemid=21〈=en">Презентації</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=11&Itemid=22〈=en">Конкурси</a></li>
</ul>
</li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=16&Itemid=27〈=en">Відвідувачам</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=17&Itemid=28〈=en">Умови відвідання виставки</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=18&Itemid=29〈=en">Реєстрація в БД відвідувачів</a></li>
</ul>
</li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=12&Itemid=23〈=en">Учасникам</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=13&Itemid=24〈=en">Умови участі</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=14&Itemid=25〈=en">Документи для учасника</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=15&Itemid=26〈=en">Контакти менеджерів</a></li>
</ul>
</li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=19&Itemid=30〈=en">Попередня виставка</a></li>
</ul>
</li>
<li > <a href="#">Послуги</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=article&id=32&Itemid=32〈=en">Побудова експозицій</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=21&Itemid=33〈=en">Загальна інформація</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=3&Itemid=61〈=en">Час і місце проведення</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=22&Itemid=34〈=en">Каталог обладнаяння</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=23&Itemid=35〈=en">Каталог кольорів оракалу</a></li>
</ul>
</li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=24&Itemid=36〈=en">Рекламні послуги</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=25&Itemid=37〈=en">Перелік та розцінки</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=26&Itemid=38〈=en">Наша реклама для партнерів</a></li>
</ul>
</li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=27&Itemid=39〈=en">Додаткові послуги</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=28&Itemid=40〈=en">Перелік та розцінки</a></li>
</ul>
</li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=29&Itemid=41〈=en">Організація заходів</a></li>
</ul>
</li>
<li ><a href="#">Новини</a>
<ul class="acitem">
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=30&Itemid=43&lang=en">Останні новини</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=31&Itemid=44〈=en">Всі цьогорічні новини</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=32&Itemid=45〈=en">Новини виставки</a></li>
<li ><a href="/index.php?option=com_content&view=category&layout=blog&id=33&Itemid=46〈=en">Архів новин</a></li>
</ul>
</li>
<li > <a href="#">Архів</a>
<ul class="acitem">
<li><a href="/arhiv/catalog.html">Каталог</a></li>
<li><a href="/arhiv/press-reliz.html">Прес реліз</a></li>
<li ><a href="/arhiv/press.html">Публікаці в пресі</a></li>
<li ><a href="/arhiv/photoarticles.html">Фотоматеріали</a></li>
<li ><a href="/arhiv/videoarticles.html">Відеоматеріали</a></li>
<li ><a href="/arhiv/audiofiles.html">Аудіофайли</a></li>
<li ><a href="/arhiv/internet.html">Інтернет</a></li>
</ul>
</li>
<li > <a href="#">Адреси та контакти</a>
<ul class="acitem">
<li ><a href="/adress/office.html">Офіс</a></li>
<li ><a href="/adress/vustavkovi-ploschadku.html">Виставкові площадки</a>
<ul class="acitem">
<li ><a href="/adress/vustavkovi-ploschadku/palac-mustectv.html">Палац мистецтв</a></li>
<li ><a href="/adress/vustavkovi-ploschadku/p-s-ukraina.html">Палац спорту "Україна"</a></li>
</ul>
</li>
</ul>
</li>
<li > <a href="/gostyam-pro-lviv.html">Гостям - про Львів</a></li>
</ul>
|