Question

我没有使用手风琴的jQuery UI。我编写了这个快速脚本，因为jQuery UI对于我需要它而言太过臃肿。我已经设置了一个目前拥有的编解码器，但是我无法获得内容中的关闭链接来更改标题中图标图像的src。

以下是我的标记：

Enumerable

我正试图像h3一样定位h3中的img标记：

    <div class="accordion-item">
      <h3 class="accordion-label">test <img src="http://placehold.it/25x25"/></h3>
      <div class="accordion-content">
         Lorem Ipsum
         <span class="close">close</span>  
      </div>
    </div>

我想要得到的结果是，当我点击扩展的accordion-content内容中的“close”链接时，我希望手风琴内容崩溃，然后将图像src更改为折叠图标（为了测试而使用占位符）。

我正在使用jQuery 2.0。

CODEPEN： http://codepen.io/cvanorman/pen/YXpBRJ

更新的解决方案

  $(this).parent('.accordion-content').prev('h3').children('img').attr('src','http://placehold.it/25x25');

Answer 1

试试这个：

 $(this).closest('.accordion-item').find('.accordion-label img').attr('src','http://placehold.it/25x25');

Answer 2

在这种情况下要做的最好的功能：使用数据属性让你知道当前dom的状态，并在你每次关闭/打开手风琴时触发（或者你可以使用一个类然后在之前/之后使用在CSS和图像背景上）。因为如果你把＆＃34;关闭＆＃34;然后你也会在项目切换时改变。

使用手风琴内容中的密切链接来改变手风琴图标

2 个答案: