JQuery - 如何选择特定的DIV

Question

好吧，我只是想切换这个 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);

      });

<div class="input-header">
    <div class="header-text"><h2 class="arial">Carat</h2></div>
    <div class="header-image-open"><img src="/images/icons/expand-open.gif" /></div>
    <div class="header-image-close"><img src="/images/icons/expand-close.gif" /></div>
</div> 
<div class="input-container" style="height: 70px;">
   Content
</div>
<div class="input-expand">
    <p>Click to expand the color filter</p>
</div>

Answer 1

你可以尝试:

 $(".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);
  });