Как сделать Эффект переключения на javaScript?

Question

[Хабиб Омаров]

У меня есть такой код

$('.right-carret').click(function(){
     $("#rightpanel").animate({right: -301, top: 0}, 500);
});

При клике на right-carret она скрывает блок #rightpanel блок находиться с правой стороны и скрывается в правую сторону. right-carret находиться внутри #rightpanel.
Скрипт все скрывает все нормально, но мне нужно чтоб она при клике right-carret так же и показывала этот блок. хочу добиться эффекта переключения

Answer 1

[Дмитрий Ермолаев]

css:

#rightpanel {
  transition: .5s;
  right: 0px;
  top: 0px;
}
#rightpanel.hide{
  right: -301px;
  top: 0px;
}

js:

$('.right-carret').click(function(){
   $("#rightpanel").toggleClass('hide');
});

Comments

[Хабиб Омаров]

мне нужно с анимацией

[Дмитрий Ермолаев]

@temp-market codepen.io/iusfof/pen/qChiy .block - это как бы экран

Answer 2

[Alexey Dunaev]

api.jquery.com/toggle ?