JQuery (изменить изображение)

Question

У меня есть этот HTML:

<dt id="hs-nav-ChapterIII">
<a href="/" class="hs-nav"><img src="/images/icons/tree_plus.gif"></a>
 <a href="/display/ChapterIII">Chapter III - The title of this chapter</a>
</dt>

Я бы хотел, чтобы, когда кто-то щелкает по первой ссылке (которая содержит изображение с изображением +), источник изображений изменяется на изображение со знаком минус.

/images/icons/tree_minus.gif

Может кто-нибудь помочь мне с этим? Я пытался уже пару часов, с информацией, которую я могу найти на веб-сайте JQUERY, но не могу заставить ее работать.

Как это сделать? Какая функция JQuery?

Answer 1

$('.hs-nav').click(function(){
 var $img = $(this).find('img');
 var newsrc  = $img.attr('src').replace('plus', 'minus');
 $img.attr('src', newsrc);
 return false;
});

Answer 2

$(".hs-nav > img").attr("src", "/images/icons/tree_minus.gif");

Это один из способов сделать это.

Answer 3

Или вы можете использовать .toggle ()

http://api.jquery.com/toggle/