Question

我的任务是通过拆分屏幕来动态地将内容插入到网页中。

我真的不知道该怎么做，因为我认为这是jQuery手风琴的一种形式，但整个页面需要拆分并且内容相应地移动。

*******************************
*                             *
* THIS IS                     *
* MY WEBPAGE                  *
*                             *
*******************************

这将成为;

*******************************
*                             *
* THIS IS                     *
*                             *
* Inserted content here       *
*                             *
* MY WEBPAGE                  *
*                             *
*******************************

休息之下的内容会随之下降。如果我有很多内容要移动到分割之下，我认为这非常重要。

Answer 1

您必须在页面中插入一个div，其ID为：

<div id="content">Hello World</div>

当页面加载时，jQuery可以使用

隐藏内容

$('#content').hide();

这样做可以在没有启用javascript的情况下查看内容。然后，您需要一个单击功能来显示内容：

$("#show").click(function(){
    $("content").show();
});

我不知道你想要做什么，但你应该参考jQuery文档：http://api.jquery.com/hide/。

Answer 2

这听起来像你需要一个简单的可折叠面板。有很多可用的。我喜欢Darren's。

更基本的方法是使用jQuery创建一个空的div load html。加载div的html时，它下面的所有内容都会自动向下移动。

Answer 3

您可以尝试使用单个div作为网页，然后根据需要进行定位。

Answer 4

我意识到这是一个老问题，但您可以尝试jQuery Simple Collapsible Panel Plugin。

使用jquery拆分页面

4 个答案: