使用 jQuery UI Accordion 小部件隐藏页面加载时除最后一个 div 之外的所有 div答案

【问题标题】：Hiding all but last div on page load with jQuery UI Accordion widget使用 jQuery UI Accordion 小部件隐藏页面加载时除最后一个 div 之外的所有 div
【发布时间】：2013-07-24 14:34:59
【问题描述】：

我查看了此站点上another post 中有关在页面加载时隐藏 div 的示例，但我遇到的问题是我的最后一个 div。最后一个 div 包含根据点击的照片动态加载的画廊内容。

我尝试使用 css 和 javascript 隐藏 div，它们都有效。然而，它们工作得很好，因为在页面加载后，gallerific 内容不会显示在最后一个 div 中。我在页面加载时将最后一个 div 设置为活动状态，这就是我希望页面在加载时开始的方式。

对此有什么建议吗？

【问题讨论】：

如果你隐藏了 div，它将被隐藏，直到你改变它的显示状态。加载内容后，您需要识别，完成后，您需要使用.show()。

标签： javascript jquery jquery-ui galleriffic

【解决方案1】：

我不知道你的标记，但是这样的东西应该可以工作：

$('div:not(:last)').hide();

【讨论】：

感谢您对此的帮助，请参阅上面的评论。
@Dennis 你可以试试 $('div:not(:last)').css('opacity',0);它仍然呈现 div 和其中的所有内容，但它是不可见的。

【解决方案2】：

$(function() {
    $('div').hide();
    $('div:last').show();
});

【讨论】：

感谢您的意见。虽然这并没有解决我的问题，但它让我找到了正确的地方。我发现 div 被隐藏然后正确显示。但是，作为画廊容器的一部分的孙 div 被隐藏并保持隐藏。该解决方案最终使用 CSS 完成。而不是 #accordion div { display: none;我用#accordion > div { display: none; } 只为直接子级关闭显示。