在新标签中打开了DIV？
在新标签中打开了DIV？
提问于 2014-01-21 13:28:48
好的，这就是问题所在。我有4个DIV。在那个DIV里面我有短信。DIV的是小的，所以底部我有链接“显示更多”。当我按下该链接时，我需要在新选项卡中打开该DIV，但重点是，在新选项卡中，我需要所有4个DIV，但刚刚完全打开，在第一页上单击了DIV。有什么想法吗？
，有人知道我该怎么做吗？？
或者，第二个解决方案是，当我点击“显示更多”链接时，我会得到弹出窗口，整个文本与关闭按钮在右角？有没有人？
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-01-21 13:45:53
就我个人而言，我将避免弹出和一个新的标签，因为从你的问题判断，没有必要这样做。我可能会将隐藏的内容放置在div中(例如，在Readmore链接下面)，使用jQuery在Readmore链接上/下滑动。
js
$('.readmore').click(function(){
$('.hidden').slideUp(200);
var divToShow = $(this).parent().find('.hidden');
divToShow.slideDown(300);
});html
<div class="content">
<p>Lorem ipsum est dolorum Lorem ipsum est dolorum Lorem ipsum est dolorum</p>
<span class="readmore">Read more</span>
<div class="hidden">This is some hidden content</div>
</div>
<div class="content">
<p>Lorem ipsum est dolorum Lorem ipsum est dolorum Lorem ipsum est dolorum</p>
<span class="readmore">Read more</span>
<div class="hidden">This is some hidden content</div>
</div>
<div class="content">
<p>Lorem ipsum est dolorum Lorem ipsum est dolorum Lorem ipsum est dolorum</p>
<span class="readmore">Read more</span>
<div class="hidden">This is some hidden content</div>
</div>
<div class="content">
<p>Lorem ipsum est dolorum Lorem ipsum est dolorum Lorem ipsum est dolorum</p>
<span class="readmore">Read more</span>
<div class="hidden">This is some hidden content</div>
</div>Stack Overflow用户
发布于 2014-01-21 13:41:57
尝试使用Jquery对话框打开弹出并在其中显示div的内容。
检查此链接以供参考
Stack Overflow用户
发布于 2014-01-21 13:42:43
首先，您可以隐藏所有div的内容，当单击“显示更多”时，函数显示使其完整，version.You首先应该做一些css：
.hidden { display: none};
.unhidden { display: block; } 脚本示例：
<script type="text/javascript">
function unhide(divID) {
var item = document.getElementById(divID);
if (item) {
item.className=(item.className=='hidden')?'unhidden':'hidden';
}
}
</script> show.asp这个网站可能会帮助你
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21259567
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号