Jquery水平滑动切换

Question

我想让一个元素水平折叠。我在这里找到了一个解决方案： other stackoverflow post 这正是我想要的，但有点不同。我希望我的元素最初处于折叠状态，并通过单击按钮展开它。有什么想法吗？

修改 collapsible.animate(width: "toggle"}, 1000);看起来不错，唯一的问题是当我的元素展开时，它应该有display: inline-block而不是display: block .animate(width: "toggle"}的默认设置

Answer 1

$(element).animate({width: 'toggle'}, function() {
    $(this).css("display", "inline-block");
});