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

Question

我有一个名为 foo 的 div。这是 div 的 css：

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

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

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

我想切换它...我知道使用 jQuery 一切皆有可能，但如何实现呢？我可以使用哪些功能？最好的方法是什么？

问候

Answer 1

是的，您可以使用切换功能和动画来做到这一点，请参见以下示例：

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

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