1

我下载了一个 jquery 可折叠面板脚本（用作菜单），它运行良好，但是我将它与 .NET 结合使用，并尝试根据您正在查看的页面创建某个面板以扩展它的面板，但是无论我尝试过所有组合，我似乎都无法选择该东西。这是 HTML 的样子：

<div class="collapsibleContainer app ui-widget" title="1990">
   <div class="collapsibleContainerTitle app ui-widget-header">
      <div>▸1990</div>
   </div>
   <div class="collapsibleContainerContent app ui-widget-content" style="display: none; "> 
        Text Stuff
   </div>
</div>

现在在我运行初始内容后的这个脚本上，编写这一行将成功切换所有面板：

$(".collapsibleContainerContent").slideToggle();

但是，当然，因为一个页面上有多个这些面板，我不希望它们全部切换，只是与我正在查看的特定页面相关的一个。我这样尝试过：

$(".collapsibleContainerTitle.app.ui-widget-header:contains('<%= Decade %>')").parent().slideToggle();
$(".collapsibleContainer.app.ui-widget-header[title='<%= Decade %>'] > .collapsibleContainerContent").slideToggle();

在一系列其他组合中。我以前从未使用过这么复杂的选择器（至少对我来说很复杂）。我能怎么做？我需要选择.collapsibleContainerContent适当的十年容器内的和 slideToggle() 它。

我已经确认传递给脚本的 .net 变量是正确的，在查看源代码时它确实说 1990。那么我做错了什么？谢谢。

编辑：澄清，年份是动态的，这就是我必须匹配我的数据，所以我需要至少从 Container by 属性标题或 ContainerTitle 的基本选择开始：包含年份，但我需要以 ContainerContent 选择结束，以便我可以切换它。

4

2 回答 2

1

你需要像这样重写......

$(".collapsibleContainerTitle .app .ui-widget-header:contains('<%= Decade %>')").parent().slideToggle();

..空间是最重要的！

于 2011-01-10T23:43:15.427 回答
1 
$(".collapsibleContainerTitle.app.ui-widget-header:contains('<%= NoteDecade %>')").parent().children(".collapsibleContainerContent").slideToggle();

成功了。

于 2011-01-11T16:10:49.823 回答