Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скрывающееся меню. Ищу помощи! (https://javascript.ru/forum/dom-window/54794-skryvayushheesya-menyu-ishhu-pomoshhi.html)

laimas 04.04.2015 08:26

Наверное у вас куча версий, и вы в зависимости от настроения берете какую либо из них, угадал? :)

Куда исчез из кода панели div id=swap, в который должны помещаться все элементы панели скрывающиеся при ее размере?

Snezhana 05.04.2015 09:40

laimas,
Не угадали, я просто сама стили меняю, но скрипт ваш(

laimas 05.04.2015 10:42

Мой, но ведь он написан под управление элементом с ID равным wrap, в который должен быть помещен именем div "link_group" содержащим элементы меню.
И этот DIV у вас был, затем вы исправили ошибку, и заодно удалили DIV wrap по непонятной причине. Вот ваши элементы меню и остаются на месте при сворачивании панели.
Я вам подробно описал как работает скрипт, вникайте, сложно в нем ничего нет. И что-то удаляя из html-кода меняйте тогда и JS-скрипт.

Можно обойтись и без DIV wrap, но сдвигать нужно в этом случае div "link_group", вот как показано ниже. Поймете какую строку в коде нужно заменить этой?
pO.stop()
              .animate({width : pW - pH * pD}, 400) //сворачиваем/разварачиваем панель
              .find('.top > div')
              .slice(1)
              .stop()
              .animate({marginLeft : -pW * pD}, 300); //смещение элементов панели

При этом из файла стилей нужно удалить:
#swap {
    width: inherit;
}

и вместо этого добавить:
.top > div + div {
    width: inherit;
}

Это будет работать под следующей html-структурой:
<div class="top">
    <div class="logo">
	кнопка доготип 
    </div>

    <div class="link_group">
        элементы мею
    </div>							
							
    <div>
        может еще что-то
    </div>
</div>

Можно и так, только теперь управление будет не одним блоком, а несколькими. Но вы уж определитесь окончательно с html-структурой панели меню и стилями ее, иначе конца и края не будет. ;)

Safort 05.04.2015 11:23

laimas,
Цитата:

Но вы уж определитесь окончательно с html-структурой панели меню и стилями ее, иначе конца и края не будет.
Об этом нужно было сказать ещё три страницы назад))

laimas 05.04.2015 11:26

Так вроде бы и "договорились" давно, ан нет :)


Часовой пояс GMT +3, время: 17:20.