jquery - Running a toggle command faster when something is visible? -


my aim run faster once user can see it. explain, once user clicks menu button open, fine when user clicks close menu, should close menu down faster. code not want fire second 'else if' part of code.

here code : 

  $(document).ready( function() {                           if ( !$(".toplist1").is(":visible")  ) {      $('.menubutton').click(function() {                  $( ".toplist1" ).toggle("slide", {direction: "down"}, 1000);         $( ".toplist2" ).delay(800).toggle("slide", {direction: "down"}, 800);         $( ".leftlist1" ).toggle("slide", {direction: "left"}, 1000);         $( ".leftlist2" ).delay(800).toggle("slide", {direction: "left"}, 1000);     });    } else if ( $(".toplist1").is(":visible")  )  {     $('.menubutton').click(function() {                  $( ".toplist1" ).toggle("slide", {direction: "down"}, 800);         $( ".toplist2" ).toggle("slide", {direction: "down"}, 800);         $( ".leftlist1" ).toggle("slide", {direction: "left"}, 800);         $( ".leftlist2" ).toggle("slide", {direction: "left"}, 800);     });    } });

update:

heres jsfiddle link, css not right on there can idea, links open want them close @ same time! - end result might not toggle close fade out!

the issue if statement being checked on initial load. evaluates true, top half of code being triggered. reason works @ because toggle smart, top half both expands , collapses submenus.

this code works:

$(document).ready( function() {     var menuclosed = true;     $('.menubutton').click(function() {         if (menuclosed) {             menuclosed = false;             $( ".toplist1" ).toggle("slide", {direction: "down"}, 1000);             $( ".toplist2" ).delay(800).toggle("slide", {direction: "down"}, 800);             $( ".leftlist1" ).toggle("slide", {direction: "left"}, 1000);             $( ".leftlist2" ).delay(800).toggle("slide", {direction: "left"}, 1000);         } else {             menuclosed = true;             $( ".toplist1" ).toggle(0);             $( ".toplist2" ).toggle(0);             $( ".leftlist1" ).toggle(0);             $( ".leftlist2" ).toggle(0);         }     }); });

Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more