Question

I am new at JQuery and I have a specific question about the IF-THEN-ELSE fork.
The big problem for me is the syntax of this (I suck at Javascript). It would help me if anyone can “translate” the pseudo code into a JQuery (or Javascript) valide code.

The pseudo code:

IF “#Contentshowroom” css “left” is NOT > 1960px

THEN
On Click “#Forwardbutton” DO
animate “#Contentshowroom” css “left” =+980px

ELSE You can not click on the “#Forwardbutton”

Answer 1

click doc
animate doc
offset doc

$("#Forwardbutton").click( function( e ){

   // lookup is safe, no noticable performance cost.
   // though a reference makes it more losely coupled.
   // I'll leave it at your discretion.
   var target = $("#Contentshowroom")
   // NOTE: the offset parent should have position relative or absolute.
   , leftPos = target.offset().left; 

   if ( leftPos < 1960 ) {

      target.animate({
         left : leftPos + 980
      }); // see docs to tweak animation

   } // else do nothing.

} );

Could also use e.preventDefault(); , but don’t if it’s not needed, it will safe you headaches if you add more listeners to your buttons and find out they’re not working.