Выезжающий блок сверху jquery?

Question

[denis_milyukov]

Добрый вечер, Ув. Знатоки подскажите как сделать выезжающий блок сверху в низ с запоминанием положения на cookies.
Библиотека cookies естественно подключена!

Заранее большое спасибо)

Comments

[Максим Тимофеев]

Вопрос похож на сделайте вместо меня. Вы попробуйте сделать, а будут вопросы - пишите. Вы еще напишите "как сделать сайт по этому макету?"

[denis_milyukov]

Максим Тимофеев: Попробовал вот скрипт

var topDate;
$('#btnDate').click(function(e){
e.preventDefault();
topDate = topDate === 0 ? -200 : 0;
$('#times').animate({
top: topDate
});
});

А теперь как к нему подцепить куки*?

[Максим Тимофеев]

denis_milyukov: http://jquery.page2page.ru/index.php5/Работа_с_cookie

[Максим Тимофеев]

denis_milyukov: https://github.com/carhartl/jquery-cookie

[denis_milyukov]

Максим Тимофеев: Я не знаю как подвзять эти куки к моему коду по этому и по просил помощи тут.

Answer 1

[Виталий Инчин ☢]

var topDate;
$('#btnDate').click(function(e){
e.preventDefault();
topDate = topDate === 0 ? -200 : 0;
$('#times').animate({
top: topDate
});
});

Так?

$(function(){
  var topDate = +$.cookie("topValue")||0;

  $('#btnDate').click(function(){
    $.cookie("topValue", topDate = -topDate - 200);  
    $('#times').animate({top: topDate});
  }).click();
});

Comments

[denis_milyukov]

Увы так не работает(

[Виталий Инчин ☢]

denis_milyukov: чего говорит?

[denis_milyukov]

Виталий Инчин ☢: ну не сохраняет значение.

[denis_milyukov]

Виталий Инчин ☢: вот тут я пробую jsbin.com/jufocuduze/edit?html,css,js,output

[Виталий Инчин ☢]

denis_milyukov: Не вижу своего кода по вашей ссылке...

jsfiddle.net/qhLgg4tp

[denis_milyukov]

Виталий Инчин ☢: Спасибо большое то что нужно))) Извиняюсь за наглость не подскажите как сделать по умолчанию скрытым блок?

[Виталий Инчин ☢]

denis_milyukov: при первом заходе блоку устанавливается позиция -200 (строка "||-200")
При последующих - берется из куки последнее значение.

[denis_milyukov]

Виталий Инчин ☢: Чет у меня не получается. ставлю -200 и блок стает больше чем надо

[Виталий Инчин ☢]

denis_milyukov: аа, извиняюсь, перепутал, наоборот - ставить нужно противоположное значение. То есть - 0.

[denis_milyukov]

Виталий Инчин ☢: Ну я пробовал и сводить до нуля. Все равно сам блок спускается далеко. вот скриншот i.imgur.com/XaF5j3z.png

[Виталий Инчин ☢]

denis_milyukov: у меня все ок, даже если "px" точно не указывать: jsfiddle.net/qhLgg4tp/1

[denis_milyukov]

Виталий Инчин ☢: Ну вот когда я открыл последнюю ссылку на фибблу то было норм потом нажал на Run и сразу же блок выехал как на скрине что я приложил выше. Так же если несколько раз по нажимать.

[Виталий Инчин ☢]

denis_milyukov: у меня все нормально, без понятия, в чем дело.