浏览器窗口右侧的可扩展固定div

Question

下面我有我的div的代码，它固定在页面的右侧，但我完全不知道如何使它可扩展，所以当它点击它打开一个联系表格。我也希望它能够拨出少量并阅读免费报价！。

HTML

<div id="slidingpanel"></div>

CSS

#slidingpanel {
position: fixed;
width: 30px;
height: 200px;
z-index: 1;
right: 0px;
}

Answer 1

你不能使用animate吗？

 $("#slidingpanel").on("click",function(e){
    e.preventDefault();
    $(this).animate({
        width: 200
    },100);
 })

http://jsfiddle.net/8zGp9/