<分区>
标签 javascript jquery html css
好的，这就是问题。 我有 4 个 DIV。 在那个 DIV 里面我有文字。 DIV 很小，所以在底部我有链接“显示更多”。 当我按下该链接时，我需要在新选项卡中打开该 DIV，但关键是在新选项卡中我需要拥有所有 4 个 DIV，但只是完全打开我在第一页上单击的那个 DIV。 有什么想法吗？
有人知道我该怎么做吗？
或者，第二种解决方案是，当我单击“显示更多”链接时，我会在右下角看到带有关闭按钮的完整文本的弹出窗口？有人吗？
最佳答案
我个人会避免弹出窗口和新标签，因为根据您的问题判断没有必要。我可能会将隐藏的内容放在您的 div 中(例如在您的阅读更多链接下方)，这些内容将在单击“阅读更多”链接时使用 jQuery 向上/向下滑动。
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>
关于javascript - 在新标签页中打开 DIV？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21259567/
相关文章：
javascript - 使 .local 解析为 IP 地址和端口 (mdns)
javascript - Bootstrap 轮播幻灯片 2 中的第二个 Google 图表未显示
javascript - jQuery 中的动画导航栏以将 <li> 移动到相邻的 div
javascript - 为什么 v-for 不会渲染任何 DOM？ 'Property or method "数据“未在实例上定义，但在渲染期间引用。”
javascript - 在 react 中单击 anchor 标记后，组件将卸载而不会被调用
javascript - javascript中的可扩展div
javascript - 如何使用 Angular 和 JavaScript 过滤 Gmaps 对象上的标记