mouseover - jquery mouseenter proper implrmentation? -


i have navigation menu in menu "hotels", slide down panel implemented. script:

 $(document).ready(function(){      $(".hotelpaneltrigger").mouseenter(function(){         $(".panel").slidedown("slow");         //$(this).toggleclass("active"); return false;      });      $(".panel").mouseleave(function(){         $(this).slideup("slow");     });  });

now, have 2 problems: .hotelpaneltrigger fires panel (.panel) slide down panel slides mouse leaves .panel area

1st problem: hovering between "hotelpaneltrigger" & ".panel" result panel slides , down multiple times, both functions executed long user hovers between both elements.

2nd problem: panel defined slide user leaves ".panel" area

what solution recommend to: slide down panel on "hotelpaneltrigger" , stay open long user in "hotelpaneltrigger" + ".panel" area.. , closes when hovering away them?

i need avoid multiple slide , down of panel, while closing when user moves away triggering link... not .panel area

your input appreciated

the menu code use:

        <ul class="primary_nav">                    <li class="active"><a href="link to.php" class="hoverbtn">link 1</a></li>                 <li class="hotelpaneltrigger"><a href="#" class="hoverbtn">hotels</a></li>                 <li><a href="#" class="hoverbtn">link 3</a>                     <ul class="subnav">                           <li><a href="link to.php">link 4</a></li>                         <li><a href="link to.php">link 5</a></li>                     </ul>                            </li>                 <li><a href="#" class="hoverbtn">link 6</a>                     <ul class="subnav">                           <li><a href="link to.php">sub 1</a></li>                         <li><a href="link to.php">sub 2</a></li>                         <li><a href="link to.php">sub 3</a></li>                             </ul>                 </li>                                 <li class="last"><a href="link to.php" class="hoverbtn">specials</a></li>                    </ul>

working example: http://jsfiddle.net/xmtpu/

basically since menu put panel inside trigger , put both event handlers on trigger. because panel child still "entering" on tirgger when mouse on panel.


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more