Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Выдвижная панель (https://javascript.ru/forum/misc/55154-vydvizhnaya-panel.html)

robertbat 15.04.2015 23:02

Выдвижная панель
 
Есть скрипт выдвижной панели
Добавил сбоку бордюр в виде панели "А"
В скрипт вписал:
$("div.reltr").animate({left:300},0);
- когда любой из блоков открывается и
$("div.reltr").animate({left:0},0);
- когда закрывается
Но панель "А" отстает от блоков по времени а не как бы приклеена к краю блоков.
Вот наглядно посмотрите:
http://jsfiddle.net/qwertylist/zfsfbbLy/2/

рони 15.04.2015 23:33

robertbat,
зачем вам jquery ?
http://jsfiddle.net/zfsfbbLy/4/

robertbat 16.04.2015 00:08

Огромное спасибо, долго мучился. Осталось только куки прикрутить
, но думаю что нужно будет класс добавлять через addClass.

robertbat 17.04.2015 21:22

Добавил к коду запоминание состояния панелей в куки:

При клике на элемент управления вначале проверяем есть ли кука,
если нет - создаем массив с состояниями когда все блоки открыты,
если есть, читаем строку из нее и далее функцией .split() формируем
из строки массив.

Учитываем что элемент массива: имя блока уменьшенное на единицу.
Обращаемся к родительскому блоку, данного элемента управления
Если у этого блока стоит соответствующий класс, т.е. блок скрыт - изменяем соответствующий элемент массива на 1 - блок открыт. В противном случае 0 - блок закрыт.

Склеиваем массив обратно в строку.

Записываем строку состояний в куку.
Учитываем что элемент массива: имя блока уменьшенное на единицу.
Читаем куку в переменную.

Если кука есть формируем из ее содержимого массив и если соответствующий элемент массива равен состоянию закрытого блока (0) - добавляем соответствующему блоку класс с оформлением для закрытого блока.



function setState (blockName) {
				$('#inset_header'+blockName).click(function() {
					var blockStateCookie = $.cookie('blockState');
					if (blockStateCookie == null) var blockState = [1, 1, 1, 1, 1];
					else var blockState = blockStateCookie.split('');
					var arrEl = blockName-1;
					if ($(this).parent().is('.hide')) blockState [arrEl] = 1;
					else blockState [arrEl] = 0;
					var blockStateCookie = blockState.join('');
					$.cookie('blockState', blockStateCookie, { expires: 10000, path: '/' });
				});
			};
			function restoreState (blockName) {
				var arrEl = blockName-1,
					blockStateCookie = $.cookie('blockState');
				if (blockStateCookie != null) {
					blockState = blockStateCookie.split('');
					if (blockState [arrEl] == 0) { 
						$('#inset_header'+blockName).addClass('hide');
					}
				
				}
			};
restoreState ('1'); setState ('1');
restoreState ('2'); setState ('2');
restoreState ('3'); setState ('3');
restoreState ('4'); setState ('4');
restoreState ('5'); setState ('5');


Ничего не выходит

http://jsfiddle.net/qwertylist/zfsfbbLy/13/

рони 17.04.2015 22:17

robertbat,
вам необходим только индекс открытого блока - его и храните -- есть индекс открыть блок нет ничего не делать

рони 17.04.2015 22:48

robertbat,
http://jsfiddle.net/zfsfbbLy/14/

robertbat 17.04.2015 23:30

Все получилось, еще раз огромное спасибо.

robertbat 17.04.2015 23:54

Только если закрыта не запоминает

рони 18.04.2015 00:47

Цитата:

Сообщение от robertbat
Только если закрыта не запоминает

http://jsfiddle.net/zfsfbbLy/15/


Часовой пояс GMT +3, время: 10:55.