jQuery opacity on hover

Question

Please, help to rewrite this jQuery function:

$(".gallery dt a img").fadeTo("fast", .7);
$(".gallery dt a").hover(function () {
    $(this).fadeTo("fast", 1)
},
function () {
    $(this).fadeTo("fast", .7)
});

Here is a html:

<dl class="gallery">
    <dt><a href="#"><img /></a></dt>
    <dd><a href="#">text</a></dd>
</dl>

Image appears (opacity: 1) when I hover a link in <dt> tag, how can I change this, to make image appear when I hover a links in both <dt> and <dd> tags?

Nobody knows?

Answer 1

You can use:

$('.gallery-small dl:children a')

Answer 2

I think seth has the right selector for the hover, but in the hover I think you'd need a reference to the image itself instead of using $(this). Maybe something like:

var img = $(".gallery-small dt a img");
img.fadeTo("fast", .7);
$('.gallery-small dl:children a').hover(function() {
    img.fadeTo("fast", 1)
},
function() {
    img.fadeTo("fast", .7)
});