Эффект свечения / пульсации Javascript прекращается при нажатии

У меня есть следующий Javascript, чтобы текстовая ссылка постоянно светилась / пульсировала. Эта ссылка показывает другой раздел той же страницы, поэтому я бы хотел, чтобы она остановилась, как только пользователь щелкнет по ней.

    <script type="text/javascript">
    $(document).ready(function() {
        function pulsate() {
          $(".pulsate").animate({opacity: 0.2}, 1200, 'linear')
                       .animate({opacity: 1}, 1200, 'linear', pulsate);
        }

        pulsate();
     }); 
    </script>

По сути, мне просто нужно знать, что мне нужно здесь добавить, чтобы эффект останавливался после щелчка мышью.

Если по той же ссылке щелкнуть еще раз, открывшаяся часть страницы скроется - не слишком ли сложно снова запустить эффект после второго щелчка?

Я с нетерпением жду ответа от вас, добрые люди.

Скотт.

5
задан James Hill 8 October 2011 в 12:51
поделиться