jquery

$(document).ready(function() {
    $(".nag").click(function(){
        $(".nag").not(this).next(".zaw").slideUp("slow");
        $(this).next(".zaw").slideToggle("slow");
        $("h2").css("background-image", "url(img/arr_top.png)");    
        });
    });

超文本標記語言

<div class="nag">
       <h2>H2</h2>
    </div>
    <div class="zaw">
     </div>
<div class="nag">
       <h2>H2</h2>
    </div>
    <div class="zaw">
     </div> 
<div class="nag">
       <h2>H2</h2>
    </div>
    <div class="zaw">
     </div>

嗨，這是我的代碼，在點擊一個div后向上滑動div。第二次點擊后滑動切換。

我應該在jquery中添加什么來改變下一個h2的背景圖像(現在所有h2在點擊后都改變了),在第二次點擊后背景圖像回到背景圖像的第一個值(img/arr.png)

我將非常感謝你的幫助，因為這件事看起來很簡單，我還有兩天時間。接下來()在不同的地方白白:)

目前你得到的是全局選擇器，即h2，而不是在被點擊的元素中使用h2。

替換這個:

$("h2").css("background-image", "url(img/arr_top.png)");

有了這個:

$(this).find("h2").css("background-image", "url(img/arr_top.png)");

h2在div下面，所以它應該在div下面，否則它會影響全局

$(this).children("h2")

$(document).ready(function() {
  $(".nag").click(function() {
    $(".nag").not(this).next(".zaw").slideUp("slow");
    $(this).next(".zaw").slideToggle("slow");
    $(this).children("h2").toggleClass('bg')
  });
});

.nag {
  border: 1px solid red;
}
.bg {
  background-image: url(http://placeimg.com/640/480/any);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="nag">
  <h2>H2</h2>
</div>
<div class="zaw"></div>