jquery hide all image but not the first

Question

Hello all im trying to make this slide effect http://tinyurl.com/628z32d

but im new to jquery so i need a little help :), how can i hide all the big image in the #big-mage div and hide them? and then only show the first.

do you guys have a good simple to understand slide effect tutorial i will be glad to :)

Thanks!

this is what i have http://jsfiddle.net/bF9xy/

Untuck

Please remove the make tag - your question has nothing to do with the make program. – Fatuity

Answer 1

Try like this:

$("div img").hide().filter(":first-child").show();

or use the $.not() to filter out unwanted elements:

$("img").not("img.class-not-to-select").hide();

Whereat

i think i should use the :first – Untuck

$("div img").hide().filter(":first-child").show(); this works but it hide all the big image and only show the first small image :d i have try target it with $('#big-image img') but dident work – Untuck

ups i have hide the div in my CSS :D – Untuck

This works $("#big-image img").hide().filter(":first-child").show(); Thanks :D – Untuck

Answer 2

try this code:

$("img:gt(0)").hide();

Decembrist

Answer 3

$("div#big-mage img:not(:first)").hide();

Lemaster