have to click twice on link to run javascript function??

[friedice]

<a href="#" ><img src="img/sign_up_button.png" alt="signup" width="200px" height="40px"/></a>

 

calls this js

 

$(document).ready(function() {
  $('#slideleft a').click(function() {
    var $lefty =  $('div.slideleft > div')
    $lefty.animate({
      left: parseInt($lefty.css('left'),10) == 0 ?
        -$lefty.outerWidth() :
        0
    });


  });

}); 

 

i have to click twice on the link to call that function?

is there a reason why this happens?

[Jessica]

Try this:

$('#slideleft a').click(function(e) {
e.preventDefault();
...

[friedice]

i tried using that but i still require 2 clicks to activate the js script

i thot it would be something to do with the href inside the a tag since it called an empty url from it then calls the js, so i tried using button tag instead and still doesnt work >.<

starting to frustrate me

[codefossa]

The problem may be line var lefty = $('div.slideleft > div'); needing a delimiter?  Anyways, here's a little easier to read code and maybe it will work now?

 

$(document).ready(function()

{

$('#slideleft a').click(function(e)

{

e.preventDefault();

 

var lefty = $('div.slideleft > div');

 

lefty.animate({

left: parseInt(lefty.css('left'), 10) == 0 ? -lefty.outerWidth() : 0

});

 

return false;

});

});

[nogray]

Your $lefty may not have the "left" css property set initially, try to alert your value and see what you get.

[friedice]

thanks it works now i forgot to set the left value initially in the css for the second div >.<

[codefossa]

thanks it works now i forgot to set the left value initially in the css for the second div >.<

You could just check if it's undefined then set it in the function, in case you wish to use this for multiple elements, then you wouldn't have to set them manually.