jquery/javascript показать скрыть содержимое и нажать сайт вправо

У меня есть фиксированный div слева, который заполняет левый сайт (около 20% от общей ширины). Это навигационное меню. Справа у меня есть Span с содержимым моего сайта, который можно прокручивать. Я хочу, чтобы закрыть меню слева, когда оно закрыто, я хочу, чтобы ширина диапазона содержимого составляла 100%. Я использую Rails 4 и Bootstrap 3. Не знаю много jquery/javascript, может понадобиться подсказка или толчок в правильном направлении. Спасибо!


person fynn    schedule 12.09.2013    source источник


Ответы (1)


так как у вас есть Bootstrap на картинке, вы можете использовать Jquery, чтобы сделать волшебство для вас. Скройте левый div, используя идентификатор, подобный этому $('.target').hide(); и чем увеличить ширину соответствующего правого div до 100% ширины. что-то вроде этого:

если вы тд

** td id="myRow" / td **

затем установите ширину на 100% с помощью CSS: $('#myRow').css(width,"100%");

это должно работать.

person Kumaran    schedule 12.09.2013
comment
Вы также можете добавить или изменить класс с помощью jquery? У них в разных промежутках. - person fynn; 12.09.2013
comment
Я думаю, вы имеете в виду $('#myRow').css(width,100%); - person fynn; 12.09.2013
comment
Да, вы можете изменить класс с помощью Jquery. Это можно сделать с помощью селекторов Jquery. - person Kumaran; 12.09.2013
comment
Я зашел так далеко прямо сейчас: $(document).ready(funcation(){$('#menu').click(function(){$('.sidemenu').toggle();$('. col-md-10').css(ширина, 100%);});}); - person fynn; 12.09.2013
comment
Переключатель работает, и он удаляет класс, но я хочу, чтобы класс вернулся, когда я снова нажму на него: P - person fynn; 12.09.2013
comment
Вы можете использовать метод show(). Я бы посоветовал посетить веб-сайт Jquery для более подробной информации. - person Kumaran; 12.09.2013