Les liens nécessitent 2 clics dans Safari & chrome, mais seulement 1 dans Firefox

Question

Je travaille sur ce site http://church.allthingswebdesign.com et les liens sur la gauche nécessitent 2 clics pour obtenir le li de glisser, tandis que dans FF il suffit de cliquer une fois. Le résultat souhaité est de n'avoir qu'un utilisateur qui le clique une fois.

Voici mon jQuery:

//slides the left sidebar links when the button is clicked 
$('div.links').hide(); 
$('div.boxes h3 a.button').click(function(e) { 

    var $links = $(this).parents('div.boxes'); 

    $(this).parents().children('div.links').slideDown(500); 
    $links.slideDown(500).animate({ 

     //if the left css property = 0, move it to the left as many pixels as it is wide, 
     //else move it back to 0 
     left: parseInt($links.css('left'),10) == 0 ? (-$links.outerWidth()-2) : 0 
    }, 500); 

    e.preventDefault(); 
}) 

Aussi, comment puis-je faire si lorsque vous cliquez sur les liens à gauche, que la couleur de la lumière ne soit pas visible?

Answer 1

Je suis assez sûr que Safari a une position left par défaut de auto tandis que FF vous donne une position en pixels. Essayez la valeur initiale $links.css('left'). Je parie que c'est le cas.

Dans votre CSS ou javascript donner le div.boxes une valeur de départ de 0 ou autre chose et voir si cela aide.

Ou au lieu de

$links.css('left') 

Essayez

$links.position().left;