Jquery 使div平滑变大并查看其他内容，切换

我有一个叫福的部门。这是div的css：

background-color: #FFFF00;
float:right;
width: 50px;
height: 50px;

它在另一个div的右上角。 如果我点击它，我希望平滑地更改内容，并将大小/css平滑地更改为：

background-color: #FFFF00;
float: right;
width: 255px;

我想切换它。。。我知道使用jQuery是完全可能的，但是如何实现呢？我可以使用什么功能？最好的方法是什么

---

问候语

是的，您可以使用切换功能和动画进行操作，请参见以下示例：

    $(document).ready(function(){   $(".slide").toggle(
    function () {
        $("#slider").animate({marginLeft: "-400px"}, 1000, "easeInOutQuad")
    },
    function () {
        $("#slider").animate({marginLeft: 0}, 1000, "easeInOutQuad")
    }
);});

---

您可以更改参数以满足您的需要

看看：您对此有答案吗？。