Ссылки требуют 2 клика в Safari и Chrome, но только 1 в Firefox

Question

Я работаю над этим сайтом http://church.allthingswebdesign.com, и для ссылок слева требуется 2 щелчка, чтобы получить доступ к документам, в то время как в FF вам нужно щелкнуть его только один раз. Желаемый результат - пользователь должен щелкнуть по нему один раз.

Вот мой 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();
})

Кроме того, как мне сделать так, чтобы при нажатии на ссылки слева, чтобы светлый цвет не был виден?

Answer 1

Я почти уверен, что Safari имеет позицию по умолчанию left, равную auto, тогда как FF дает вам позицию в пикселях.

Попробуйте проверить начальное значение $links.css('left').Держу пари, что это так.

В вашем CSS или javascript укажите div.boxes начальное значение 0 или что-то еще и посмотрите, поможет ли это.

Или вместо

$links.css('left')

Попробуйте

$links.position().left;