CodingForums.com - View Single Post - JQuery slide panel want mouseover not click

tripwater · 02-06-2013, 03:42 PM

Hello,

I have implemented this http://www.jqeasy.com/jquery-slide-panel-plugin/. Very simple drawer for an extended menu system. It works 100% with clicking the icon. I would like for it to work on hover instead.

I am slowly learning how to incorporate jQuery tools into my workflow so I am not a well entirely sure how to take this plugin and tell it that instead of clicking the icon I have, I want it to open the drawer on mouseover/hover and close when the cursor goes outside the drawer area. Is this possible or does the plugin itself have to support this?

I tried this

Code:

$(document).ready(function(){
$("#trigger").hover(function(){                                                                                                
$('#panel').slidePanel();                                                                                  
});                                                                                                              
});

With trigger being the icon and panel being the panel that opens. Pretty much the same ids they use in their examples...this obviously does not work and causes my icon to disappear. I have tried a few other variations that are also wrong. I really have no idea what I am doing.

I am using the most basic example they have so if you have ideas or examples of what would work or a work around it would very helpful and much appreciated.

Thank you for your time.

02-06-2013, 03:42 PM	PM User \| #1
tripwater Regular Coder Join Date: May 2005 Posts: 262 Thanks: 4 Thanked 0 Times in 0 Posts	JQuery slide panel want mouseover not click Hello, I have implemented this http://www.jqeasy.com/jquery-slide-panel-plugin/. Very simple drawer for an extended menu system. It works 100% with clicking the icon. I would like for it to work on hover instead. I am slowly learning how to incorporate jQuery tools into my workflow so I am not a well entirely sure how to take this plugin and tell it that instead of clicking the icon I have, I want it to open the drawer on mouseover/hover and close when the cursor goes outside the drawer area. Is this possible or does the plugin itself have to support this? I tried this Code: $(document).ready(function(){ $("#trigger").hover(function(){ $('#panel').slidePanel(); }); }); With trigger being the icon and panel being the panel that opens. Pretty much the same ids they use in their examples...this obviously does not work and causes my icon to disappear. I have tried a few other variations that are also wrong. I really have no idea what I am doing. I am using the most basic example they have so if you have ideas or examples of what would work or a work around it would very helpful and much appreciated. Thank you for your time.