Toggle show hide others using child not parent?

Toggle show hide others using child not parent?

how to get toggle show hide from click of children not parent.
I want to toggle Image A when click on Thumbnail A, not the entire div.
Thanks.
Fiddle
http://jsfiddle.net/pandaktuai/Jeb86/
HTML
<div>
<dl>
<dt>Thumbnail A</dt>
<dd>Name A</dd>
<dd>Price A</dd>
</dl>
<ul class="details">
<li>Image A</li>
</ul>
</div>