Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.05.2011, 15:15
Новичок на форуме
Отправить личное сообщение для technokid Посмотреть профиль Найти все сообщения от technokid
 
Регистрация: 24.05.2011
Сообщений: 2

Проблема с меню акордеоном
Люди помогите пожалуйста.

Сделал меню, подключил к нему 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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Программа Sothink DHTML. Проблема с выпадающем меню в Opere и Мозила. wertor Javascript под браузер 1 27.01.2010 17:19
Проблема с меню для кнопки в Гриде progi2007 ExtJS 0 03.08.2009 14:16
Проблема с меню не корректно отображается в браузерах отличных от IE (т.е. FF Opera) 3xv Элементы интерфейса 2 16.04.2009 19:51
Проблема с меню в ИЕ Vegas Internet Explorer 0 05.04.2009 19:11
Проблема с меню 856 Общие вопросы Javascript 3 28.07.2008 14:29