jQuery 显示/隐藏

Question

我可以使用 jquery 在另一个页面上显示/隐藏特定 div 吗？

即我有 Content.aspx 显示我们提供的不同计划的内容。

在detail.asp 上，我有一个更详细的页面，其中有独特的div。

<div id="detail-a">
     detailed content here for product A.
</div>

<div id="detail-b">
     detailed content here for product B.
</div>

我不希望显示隐藏框滚动以显示页面其余部分的详细内容... 如果这一切都有意义的话……

Answer 1

如果我正确地阅读了这篇文章，您希望一个页面上的链接将用户发送到第二页，并在第二页上根据用户在第一页上单击的链接显示或隐藏特定的 div。

在Contents.aspx上

<a href="details.asp#detail-a">See Detail A</a>
<a href="details.asp#detail-b">See Detail B</a>

在details.asp上

<div id="detail-a">
  Data on Detail A
</div>
<div id="detail-b">
  Data on Detail B
</div>
<script type="text/javascript">
$( document ).ready( function(){
  /* If there is a Hash and the Hash is an ID on this page */
   if( document.location.hash && $( document.location.hash ) ) {
    /* Hide all the Detail DIVs */
     $( 'div[id^="detail-"]' ).not( document.location.hash ).hide();
    /* Show the Specified Detail DIV */
     $( document.location.hash ).show();
   }
} );
</script>

Answer 2

可能重复 使用 jQuery 显示和隐藏 div 和/或 使用JQuery显示和隐藏不同div的onClick事件。

元素

$('#detail-a').show();
$('#detail-b').hide();

在 jquery 中通过 ID 选择元素是 $('#idname') ，显示/隐藏只是 .show() 和 .hide() 所以对于附加到的 当然是一些事件触发。

Answer 3

您可以将 div 设置为 display:none。
比如：

$("#mydiv").css("display", "none");

编辑：
我还没有真正测试过这一点，但是您不能将每个 div 启动为 display:none 并在新窗口的链接上添加一个哈希值，例如：mypage.htm/#detail1。

然后在文档准备好的页面中获取 location.href 并按照上面的详细说明设置该元素的显示。

这不是答案，只是一个未经测试的建议。很可能有一个更优雅的解决方案。