Вопросы по js и jquery

2.25K

No-Tactic

1 мар 2012 г., 13:27

Думаю, довольно полезная тема будет..
И вот мой первый вопрос: как на js сделать выезжающее вниз меню?
Допустим тыкнул на ссылку и вниз выехал определенный блок. Тыкнул еще раз блок заехал обратно

brendi

1 мар 2012 г., 13:56

Это на css можно организовать...

Fenix_61

1 мар 2012 г., 14:58

типо споллер ?

No-Tactic

1 мар 2012 г., 15:48

Изменено

Сделал на цсс 3 подобное нечто.. Но немного не то все же ...(пользовался псевдоклассом таргет) но минус в том,что обновление страницы происходит.. Ес кто знает,как по другому,отпишитесь в приват
скорее меню «аккордеон»

NIKO

1 мар 2012 г., 15:59

http://ruseller.com/lessons.php?rub=32

No-Tactic

1 мар 2012 г., 16:13

NIKO, 1) просил на js а не jquery(тяжелый сильно он...)
2) сегодня уже прошелся по русселеру в поисках идей..
3) я там уроки не понимаю вообще %)

L!MP

1 мар 2012 г., 17:08

Изменено

No-Tactic,

<script type="text/javascript">
            var oldNum = 1;
            
			function clip(num) {
				var el = document.getElementById(num);
				if (el.style.display == 'block') {
					el.style.display = 'none';
				} else {
					el.style.display = 'block';
                    if (oldNum != num) {
                        oldEl = document.getElementById(oldNum);
                        oldEl.style.display = 'none';
                    }
				}
                
                oldNum = num;
			}
        </script>

    <ul class="menu">
        <li><a href="javascript:clip('1');">Детективы & Триллеры</a></li>
        <ul id="1"> // вот эта штука в css должна быть display: none
            <li><a href="/test.php">Классический детектив</a></li>
            <li><a href="">Полицейский детектив</a></li>
            <li><a href="">Боевик</a></li>
            <li><a href="">Иронический детектив</a></li>
            <li><a href="">Исторический детектив</a></li>
            <li><a href="">Шпионский детектив</a></li>
            <li><a href="">Криминальный детектив</a></li>
            <li><a href="">Маньяки</a></li>
            <li><a href="">Крутой детектив</a></li>
            <li><a href="">Триллер</a></li>
            <li><a href="">Детектив</a></li>
        </ul>
    </ul>