Jquery 复杂选择器，匹配类名切换的父级的子级？

Question

我下载了一个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 和 slipToggle() 。

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

编辑：澄清一下，年份是动态的，这就是我必须匹配我的数据，所以我需要至少从 Container by attribute title 或 ContainerTitle by :contains 与年份的基本选择开始，但我需要以 ContainerContent 选择结束，以便我可以切换它。

Answer 1

你需要像这样重写...

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

..空格非常重要！

Answer 2

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

成功了。