Показать сообщение отдельно
  #53 (permalink)  
Старый 05.04.2015, 10:42
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

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