jQuery显示/隐藏

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

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

在detail.asp我有一个更详细的页面，有独特的divs。

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

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

我不想显示隐藏框，滚动显示的页面内容详细休息... 如果这都有道理...

来源

2010-05-21 tony noriega

如果我正确阅读此内容，您希望链接到一页上，以便将用户发送到第二页，并在第二页上显示或隐藏特定的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>

来源

2010-05-22 03:11:23

您可以设置DIV显示：无。 Like：

$（“＃mydiv”）。css（“display”，“none”）;

编辑：我没有真正测试过这一点，但不能你开始每个div作为显示：无和您的链接到新窗口添加一个哈希像：mypage.htm /＃detail1。

然后在文档准备好的那个页面上获取location.href并设置该元素的显示，如上所述。

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

来源

2010-05-21 16:46:34 edl

清楚我一直在寻找的是内容页面上，你可以点击一个链接，它会打开一个只显示detail.asp页面上的Detail-A div的大小窗口......因此基本上显示了来自单独页面的特定div。 – 2010-05-21 16:49:18

而不是手动设置CSS属性，最好使用jQuery的内置Show（http://docs.jquery.com/Show），Hide（http://docs.jquery.com/Hide）和Toggle（http： //api.jquery.com/toggle/）函数。 – 2010-05-22 09:05:36

可能重复Showing and hiding a div with jQuery和/或Using JQuery to show and hide different div's onClick event。

通过ID jQuery中选择一个元素是$（“＃idname”），并显示/隐藏只是.show()和.hide()所以你的元素

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

附当然一些事件触发。

来源

2010-05-21 16:50:50

jQuery显示/隐藏

回答

相关问题