单击时创建滑动div

Question

我想创建一个漂浮在屏幕右侧的div。 当您单击它时，它会滑动，您可以看到内容。 我试图在网上查看，但我不知道关键字。 我该如何创造这种效果？

Answer 1

试试这个，它会对你有用吗？

https://jsfiddle.net/gwxhz3pe/6/

var width;

$('#content').click(function(){
    if($(this).hasClass('open')){
        $(this).removeClass('open');
        width = "10px";
    } else {
        $(this).addClass('open');
        width = "300px";
    }
    $(this).animate({
        width: width
      }, 200, function() {
      });

});