ZakAltF4
msg:4412698 | 4:04 pm on Jan 31, 2012 (gmt 0) |
You can use .mouseover() ... It's a shortcut for the .trigger('mouseover') method.
$('.t_class').mouseover(function() {
$(".panel").toggle("slow");
//more class calls/your other functions/actions here
});
I don't know that I would use the class name trigger if I didn't have to as it is reserved in Javascript, it's just good practice not to use reserved names ...
|
toplisek
msg:4413014 | 10:01 am on Feb 1, 2012 (gmt 0) |
$(document).ready(function(){
$(".trigger").mouseover(function(){
$(".panel").toggle("slow");
$(this).toggleClass("active");
return false;
});
});
this works as mouse over. How to set X (close) image on the right hand side when it is trigger executed? When I go back to the same start area it will be closed. Need also X image on the right hand side.
|
ZakAltF4
msg:4413254 | 9:51 pm on Feb 1, 2012 (gmt 0) |
I use an image placed in an absolutely positioned DIV and then according to your code you could do a .click() to toggle the element ...
|
toplisek
msg:4413391 | 6:42 am on Feb 2, 2012 (gmt 0) |
So, it will work:
$(".panel1").toggle("slow");
$(".panel2").toggle("slow");
$(".panel3").toggle("slow");
and image:
<img src="wre" border="0" alt="" class="trigger" width="24" height="24" />
<img src="wre" border="0" alt="" class="" width="24" height="24" />
<img src="wre" border="0" alt="" class="" width="24" height="24" />
$(document).ready(function(){
$(".trigger").mouseover(function(){
$(".panel1").toggle("slow");
$(".panel2").toggle("slow");
$(".panel3").toggle("slow");
$(this).toggleClass("active");
return false;
});
});
How to set $(".trigger").mouseover(function(){ when you have many panels like 1,2,3...
|
toplisek
msg:4419920 | 10:52 am on Feb 21, 2012 (gmt 0) |
Need help. Please reply.
|
|
