Either of these should work
var selector = ".pNumber, .pCondition, .pPictureStrip, .pNotes, .pLocation";
$(this).find(selector).hide();
$(selector, this).hide();
- Richard
On Mon, Jan 5, 2009 at 7:22 PM, EricC <dt.e...@gmail.com> wrote:
>
> 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
>
