You could do something like this, with .hover (give it a mouseover and
mouseout function):
$(".TabContainer").hover(function() {
$(".leftcorner, .content, .rightcorner", this).addClass("hover");
}, function() {
$(".leftcorner, .content, .rightcorner", this).removeClass("hover");
});
but if you have the flexibility with css, it may make more sense to go this
route:
$(".TabContainer").hover(function() {
$(this).addClass("hover");
},function() {
$(this).removeClass("hover");
});
and then write a css rules like
.hover .leftcorner { ... }
.hover .content { ... }
.hover .rightcorner { ... }
- Richard
Richard D. Worth
http://rdworth.org/
On Fri, Jun 6, 2008 at 10:18 AM, Donald J Organ IV <[EMAIL PROTECTED]>
wrote:
>
> I have the following:
>
> <div class="TabContainer">
> <div class="leftcorner"></div>
> <div class="content"></div>
> <div class="rightcorner"></div>
> </div>
>
> I need to be able to change the classes for leftcorner, content, and
> rightcorner on mouseover of TabContainer?? Any on know of a simple way
> to do this??
>
>
>
