jquery - how to fix this weird behaviours? Hover link -> fadeIn the div, mouleave -> fadeOut the div -

-

trying make form appear login when mouseover on link log in class="classb" , , box information when hover on link info class="classa" , box should fadeout when mouse leaves box , link. effect weird, it's not working properly. code below, , see here: http://jsfiddle.net/75hyl/11/

<ul class="links"> <li class="classa"><a><span>my info</span></a></li> <li class="classb"><a><span>log in</span></a></li> </ul>  <div id="userinfo">content goes here. box should stay visible when mouse on it, fadeout when mouse leaves</div> <div id="login" > <div class="form"> <form> login form here. box should stay visible when mouse on it, fadeout when mouse leaves </form> </div> </div>  <style> .links li { display:inline-block;cursor:pointer; } .links li { padding:0 4px 0 1px; }  .links li.classa {width:147px; height:77px;background:url(../images/sprites01.png) no-repeat -226px 0px;} .links li.classb {width:147px; height:77px;background:url(../images/sprites01.png) no-repeat -226px 0px;}  .links li.classa span {} .links li.classb span {}  .links li.classa:hover {background:url(../images/sprites01.png) no-repeat -226px -80px;} .links li.classb:hover {background:url(../images/sprites01.png) no-repeat -226px -80px;}  .links li.classa {color:#fff;text-transform:uppercase;background:#00aaff;padding:5px 5px 0 20px;margin:5px 0 0;font-size:1em;height:50px;display:block;} .links li.classb {color:#00aaff;text-transform:uppercase;background:orange;padding:5px 5px 0 20px;margin:5px 0 0;font-size:1em;height:50px;display:block;}   #login {display:none;width:250px;height:250px; background:#bbb;color:#000;border:1px solid red;} #userinfo{display:none;width:250px;height:250px; background:#bbb;color:#000;border:1px solid red;} </style>  <script> $("li.classa").hover(function() { $("#userinfo").fadein('fast').css('display', 'block'); }); $("#login, .classa").mouseleave(function() { $("#userinfo").fadeout('fast').css('display', 'none'); });   $("li.classb").hover(function() { $("#login").fadein('fast').css('display', 'block'); }); $("#login, .classa").mouseleave(function() { $("#login").fadeout('fast').css('display', 'none'); }); </script> 

$("li.classa").hover(function() {     $("#userinfo").fadein('fast').css('display', 'block'); }, function() {     $("#userinfo").fadeout('fast').css('display', 'none'); });   $("li.classb").hover(function() {     $("#login").fadein('fast').css('display', 'block'); }, function() {     $("#login").fadeout('fast').css('display', 'none'); });

there's "hover out" part hover handler. i've tried fiddle , works.


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more