JQuery-如何选择特定的DIV

好的，我只是想切换这个DIV。。还有更多的遵循这种HTML结构。“输入容器”和“输入展开”正在工作，因为它们会进行适当的切换

如何切换内部div.header-image-open和div.header-image-close？我感谢任何能帮忙的人

$(".input-header").click(function() { $(this).next(".header-image-open").toggle(); $(this).next(".header-image-close").toggle(); $(this).next(".input-container").slideToggle(600); $(this).next(".input-container").next(".input-expand").slideToggle(600); }); $（“.input header”）。单击（函数（） { $（this）.next（“.header image open”）.toggle（）； $（this）.next（“.header image close”）.toggle（）； $（this）.next（“.input container”）.slideToggle（600）； $（this）.next（“.input container”）.next（.input expand”）.slideToggle（600）； });

克拉
内容
单击以展开颜色过滤器

您可以尝试：

 $(".input-header").click(function()
  {     
    $(this).find(".header-image-open,.header-image-close").toggle();
    $(this).next(".input-container").slideToggle(600);
    $(this).next(".input-container").next(".input-expand").slideToggle(600);
  });

---

您打开的标题图像是输入标题的子项，因此请使用.find（）获取它。next（）获取输入标题的同级。

如果有错误，应该使用“查找”（搜索“子项”）而不是“下一步”。（因为搜索元素在“this”元素中）

看起来您正在做类似于手风琴或可折叠面板的事情。看看这个

 $(".input-header").click(function()
  {     
    $(this).find(".header-image-open,.header-image-close").toggle();
    $(this).next(".input-container").slideToggle(600);
    $(this).next(".input-container").next(".input-expand").slideToggle(600);
  });

$(function() {
    $("#accordion").accordion();
});