0

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

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

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

这将变成；

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


break 下面的内容都会随之下移。如果我有很多内容要移动到拆分之下，我认为这是非常重的资源。

4

4 回答 4

0

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

于 2014-03-05T19:36:05.997 回答
0

您必须在页面中插入一个带有 id 的 div，例如：

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

当页面加载时，jQuery 可以隐藏内容

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

如果未启用 javascript，这样做可以查看内容。然后你需要一个点击功能来显示内容：

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

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

于 2013-04-12T13:08:58.420 回答
0

这听起来像您需要一个简单的可折叠面板。有很多可用的。我喜欢达伦的。

一个更基本的方法是有一个空的 div，您可以使用 jQuery 将html 加载到其中。加载 div 的 html 后，它下面的所有内容都会自动向下移动。

于 2013-04-12T13:11:54.537 回答
0

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

于 2013-04-12T13:12:19.010 回答