У меня есть фиксированный div слева, который заполняет левый сайт (около 20% от общей ширины). Это навигационное меню. Справа у меня есть Span с содержимым моего сайта, который можно прокручивать. Я хочу, чтобы закрыть меню слева, когда оно закрыто, я хочу, чтобы ширина диапазона содержимого составляла 100%. Я использую Rails 4 и Bootstrap 3. Не знаю много jquery/javascript, может понадобиться подсказка или толчок в правильном направлении. Спасибо!
jquery/javascript показать скрыть содержимое и нажать сайт вправо
Ответы (1)
так как у вас есть Bootstrap на картинке, вы можете использовать Jquery, чтобы сделать волшебство для вас. Скройте левый div, используя идентификатор, подобный этому $('.target').hide(); и чем увеличить ширину соответствующего правого div до 100% ширины. что-то вроде этого:
если вы тд
** td id="myRow" / td **
затем установите ширину на 100% с помощью CSS: $('#myRow').css(width,"100%");
это должно работать.
person
Kumaran
schedule
12.09.2013
Вы также можете добавить или изменить класс с помощью jquery? У них в разных промежутках.
- person fynn; 12.09.2013
Я думаю, вы имеете в виду $('#myRow').css(width,100%);
- person fynn; 12.09.2013
Да, вы можете изменить класс с помощью Jquery. Это можно сделать с помощью селекторов Jquery.
- person Kumaran; 12.09.2013
Я зашел так далеко прямо сейчас: $(document).ready(funcation(){$('#menu').click(function(){$('.sidemenu').toggle();$('. col-md-10').css(ширина, 100%);});});
- person fynn; 12.09.2013
Переключатель работает, и он удаляет класс, но я хочу, чтобы класс вернулся, когда я снова нажму на него: P
- person fynn; 12.09.2013
Вы можете использовать метод show(). Я бы посоветовал посетить веб-сайт Jquery для более подробной информации.
- person Kumaran; 12.09.2013