iBird Rose

это модальное окно в котором слайдер. пару десятков строк css - и будет как на картинке

сам тег не поменять, но можешь изначально делать через div

<div class="all_content_in">
< div class="menu_left">
</.....

и задать стили display: table и display: table-cell
а потом уже через js менять их

ты ж сам логически домыслил. все правильно. все что должно отрабатываться на всех страницах - склеивать в один файл и минифицировать, а то что для одной страницы - подключать только на этой странице

потому что это спан. для toggle без разницы что ты переопределяешь display. меня все span свои на div

всмысле в хаотичном? у вас там 2 слайда всего.
других багов не заметил.
а фишка что кнопка не работает - нужно уменьшить speed. потому что пока анимация не завершиться окончательно - вы не сможете перемотать на следующий слайд.

ну один из легких методов - дать к примеру для заголовка фиксированную высоту и overflow: hidden; тогда будет умещаться туда допустим 2 строки текста и все. остальное не будет видно.

всмысле как определить? ты сам пишешь когда тебе нужно. к примеру:

$(function (){ ...}); или $(document).ready(function() { ... });

- начнёт работу тогда, когда будет готов DOM, за исключением картинок

$(window).load(function() { ... }); - код будет запущен когда страница будет полностью загружена, включая все фреймы, объекты и изображения

slideContent.css({transform: 'translateX(0)'}) - это не обнуление translateX
вот обнуление:
slideContent.css({transform: 'inherit'})

https://jsfiddle.net/x3grdns7/1/

ну тк ты их только при ресайзе ж добавляешь
$(window).resize(function(){

пропиши то что у тебя в ресайзе еще и в ready
p.s. так скажем от того что ты засунул ресайз в реди - ничего не изменилось. он все равно будет работать только при ресайзе в твоем случае.

задать этот класс "red" в css только в media. и больше нигде
тобишь класс будет добавляться всегда. но работать он будет только в нужных разрешениях

полюбому у тебя меню стоит внутри .element-display на который ты кликаешь. и когда оно раскрывается - элемент как бы просто расширяется и он также является .element-display и ты по нему же второй раз кликаешь получается - тем самым обратно скрывая меню

вчера только отвечал Как настроить меню бутстрапа?
p.s. тебе достаочно будет заменить @screen-sm-min на @screen-md-min

было уже на тостере. ищи лучше. примерно так jsfiddle.net/juesxt6v/5