Javascript 如何在展开/折叠时使用父div更改图像url？

我正在扩展和折叠div。它一切正常。但当div扩展和崩溃时，我需要更改图像

钻孔
$（函数（）{
$（“div[id^='divExpand']）。单击（函数（）{
var$头=$（此）；
//获取下一个元素
var$content=$header.next（）；
//打开所需内容-切换幻灯片-如果可见，向上滑动，如果不向下滑动。
$content.slideToggle（500，函数（）{
});
});
})

---

不要习惯于使用

img标签
使用
css
这样的背景图像

使用类定义span，并根据您的设计和jquery中的一些代码应用css

下面是一个例子


$（函数（）{
$（“div[id^='divExpand']）。单击（函数（）{
var$头=$（此）；
//获取下一个元素
var$content=$header.next（）；
//打开所需内容-切换幻灯片-如果可见，向上滑动，如果不向下滑动。
$content.slideToggle（500，函数（）{
$header.find（'.plus-icon'）.toggleClass（'mines-icon'）；
});
});
})
.hiddencontent{
显示：无；
填充物：5px；
}
.plus图标{
背景：url（“http://i.stack.imgur.com/8htrq.png）不重复0；
显示：内联块；边距：2px 5px 2px 0px；
宽度：16px；
高度：16px；
}
.mines-icon.plus-icon{
背景：url（“http://i.stack.imgur.com/H8o5r.png）不重复0；
}

钻孔
示例文本
请尝试以下代码：


您的代码运行良好。但我有个小问题。我有多个div，所以如果我展开一个div，图像将更改所有divdivs@James123现在我已经更新了我的代码，请将js代码更改为“$header.find（'.plus-icon'）。toggleClass（'mines-icon'）；”
    <div class="row" id="divExpand_DRILLING">
        <div class="col-md-9">
            <span class="section_detail"><img src="/Content/Images/spe_plus.png" 
              style="display:inline;margin:2px 5px 2px 0px;" id="img_DRILLING">
              Drilling</span>
        </div>
    </div>

    <div class="row hiddencontent" style="display: block;">
        <div class="col-md-9">
            <div class="row outer-part col-md-offset-1">
            </div>
        </div>
    </div>

<script type="text/javascript">
$(function() {
    $("div[id^='divExpand']").click(function () {

        var $header = $(this);
        //getting the next element
        var $content = $header.next();
        //open up the content needed - toggle the slide- if visible, slide up, if not slidedown.
        $content.slideToggle(500, function () {

        });

    });
})

$(function() {
        $("div[id^='divExpand']").click(function () {

            var $header = $(this);
            //getting the next element
            var $content = $header.next();
            //open up the content needed - toggle the slide- if visible, slide up, if not slidedown.
            $content.slideToggle(500, function () {
                if($("#img_DRILLING").is(":visible")){
                    $("#img_DRILLING").hide();
                    $("#img_DRILLING1").show();
                }
                else{
                    $("#img_DRILLING1").hide();
                    $("#img_DRILLING").show();
                }

            });

        });
    })