0

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

ответ

1

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

если вы пД

** тд ID = "myRow"/тд **

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

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

+0

Вы можете добавить или изменить класс с jquery? Имейте их в разных диапазонах. – fynn

+0

Я думаю, вы имеете в виду $ ('# myRow'). Css («ширина», «100%»); – fynn

+0

Да, вы можете изменить класс, используя JQuery. Это можно сделать с помощью Jquery Selectors. – Kumaran