[jQuery] Accessing items inside of (this)
I am not sure if I am going about this is the best way but I have a
div with 8 divs inside of it. 2 always show and I would like the other
6 to come on only when the parent div is rolled over. Here is what I a
have so far:
$(function() {
/* hide items to be shown only when hovered over */
$('.pNumber,.pCondition,.pPictureStrip,.pNotes,.pLocation').hide();
$('.pWrapper').hover(
function() {
$(this).show
('.pNumber,.pCondition,.pPictureStrip,.pNotes,.pLocation');},
function() {
$(this).hide
('.pNumber,.pCondition,.pPictureStrip,.pNotes,.pLocation');
});
});
the syntax is wrong but this is the idea. Also there are more than one
pWrapper on each page. I have found a solution that will turn them ALL
on or off, but I need to only have the items inside the pWrapper that
is being rolled over effected. Any help would be appreciated.
Cheers,
Eric