jQueryUIアコーディオンを使用し、それが新しい "ペイン"

Question

JSFiddleリンクに則って行動するために変更したときにイベントを発火：

<div class="categories">  
    <h3> 
     <img src="http://i.imgur.com/t5UXT.gif" /> 
     <a href="#">CCTV</a> 
     <sub>Circuito Cerrado</sub> 
    </h3>  
    <div> 
     <ul> 
      <li><a href="#">Control de Asistencia</a></li> 
      <li><a href="#">Controladores de Accesso</a></li> 
      <li><a href="#">Controladores de Asistencia</a></li> 
      <li><a href="#">Chapas Electricas</a></li> 
      <li><a href="#">Chapas Electromagneticas</a></li> 
      <li><a href="#">Tarjetas de Proximidad</a></li> 
     </ul> 
    </div> 

    <h3> 
     <img src="http://i.imgur.com/TThAk.gif" /> 
     <a href="#">ALARMAS</a> 
     <sub>Magellan Sprit Spectra Digiplex/Evo</sub> 
    </h3>  
    <div> 
     <ul> 
      <li><a href="#">Control de Asistencia</a></li> 
      <li><a href="#">Controladores de Accesso</a></li> 
      <li><a href="#">Controladores de Asistencia</a></li> 
      <li><a href="#">Chapas Electricas</a></li> 
      <li><a href="#">Chapas Electromagneticas</a></li> 
      <li><a href="#">Tarjetas de Proximidad</a></li> 
     </ul> 
    </div> 
</div> 

$('.categories').accordion(); 

$('.categories').accordion({ 
    changestart: function(event, ui) { 
     $('h3 img').attr('src', 'http://i.imgur.com/TThAk.gif'); 
    } 
}); 

$('.categories h3 img').click(function() { 
    $(this).next().click(); 
}); 

：ここ

---

http://jsfiddle.net/dqkZN/32/は、関連するコードです誰かがカテゴリヘッダーをクリックすると、すべてのアイコンをプラス記号（崩壊したという意味）に変更し、その変更後に新しく選択したペインのアイコンをマイナス記号に変更したいと思います。ここで

は、私はjavascriptのコードを配置する必要があると思うの特定の場所である：

$('.categories').accordion({ 
    changestart: function(event, ui) { 
     $('h3 img').attr('src', 'http://i.imgur.com/TThAk.gif'); 
     //SOME CODE SHOULD GO HERE TO ACT ON "THIS" NEWLY SELECTED PANE. 
    } 
}); 

Answer 1

新しいフィドルhttp://jsfiddle.net/dqkZN/39/

は、あなたが探しているものをこれです？

var minusImgUrl = "http://i.imgur.com/t5UXT.gif", 
    plusImgUrl = "http://i.imgur.com/TThAk.gif"; 

$('.categories').accordion({ 
changestart: function(event, ui) { 
    $('h3 img').attr('src', 'http://i.imgur.com/TThAk.gif');  
    ui.newHeader.find("img").attr("src", minusImgUrl); 
    ui.oldHeader.find("img").attr("src", plusImgUrl); 
} 
}); 

Answer 2

ここにあなたが行く：http://jsfiddle.net/dqkZN/37/

を追加した：

$('.categories').accordion({ 
    changestart: function(event, ui) { 
     var active = ui.options.active; 
     $("h3 img").attr('src', extend_icon); 
     $("h3:eq(" + active + ")").find('img').attr('src', collapse_icon); 
    } 
});