Question

我的目标是扩展.sort宽度并显示.sort-expand div中的所有内容。当点击“更多”到400px时，.sort从200px扩展到右侧。并且，再次点击时，缩小。

    <div class="sort">
    <div class="mainimg"></div>
    <div class="infoarea">
        <h3>Main Name</h3>
        <p>Title of position</p>
        <p><span class="floatl">Tag01, Tag02</span><span class="floatr"><a href="#" class="show">more</a></span></p>
    </div>
    <div class="sort-expand">
        <div class="votes"></div>
        <div class="full-info"></div>
        <div class="other"></div>
    </div>
</div>

这也需要推动所有其他.sort区域，以便它们不会重叠。有任何想法吗？我将发布我刚开始的但很难过的东西。非常感谢。

Answer 1

你应该可以使用jQuery的.slideDown()。 .slideDown()将推动其他元素向下动画，并显示div的内容。在您想要的div上调用它：$("#myDiv").slideDown()如果您希望在再次点击时缩小它，请使用.slideToggle()

如何扩展div / show隐藏内容

1 个答案: