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

Не получается вставить код js в HTML
Добрый день. Нужно готовый код меню на 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>

Помогите настроить стили под дизайн общего меню
Ответить с цитированием