По клику на определенной галочке (checkbox) должен исчезнуть один элемент меню и все остальные элементы сдвинуться на один пункт (занять его место).
Он исчезает (я проверил через инспектор тегов), но следующие за ним элементы не сдвигаться левее (как будто он еще там).
В css-файле я прописал чтоб, когда имеется класс 'disable-logo' то само лого имеет display: none;
JS:
jQuery( 'input.changer' ).change(function(){
jQuery( '#menu' ).toggleClass('disable-logo');
});
CSS:
#menu.disable-logo .logo
{
display: none;
}
ВОПРОС:
Как обновить (refresh) содержимое блока чтоб оно стало на свои места?
Примечание:
Вот сделал пример -
http://risingstar-studiocom.s18.yourdomain.com.ua/
Нужно чтоб при снятии галочки с "Logo" элементы сдвигались левее....
Когда снял галочку попробуйте:
1) изменить размер окна хотябы на 1-пиксель.
2) hover на первый пункт меню.
3) убрать галочку с "Search"
И вы получите правильное выравнивание.
Как сделать чтоб все сразу становилось на свое место?
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.