Stop Pulsate jQuery Effect

Question

Attualmente sto usando il kilianvalkhof jQUERY pulsate effet. http://kilianvalkhof.com/jquerypulsate/

Il mio obiettivo è avviare l'effetto su un div quando l'utente fa clic su una voce di menu.

Quando l'utente fa clic su una voce di menu diversa, desidero interrompere l'effetto pulsato attivo di ribes e ne inizia uno nuovo su un DIV differente.

Non riesco a trovare un modo per fermare l'effetto.

<!-- Menu --> 

<div id="user_menu"> 
     <ui> 
     <li id="item1"><a href="#">Name 1</a></li> 
     <li id="item2"><a href="#">Name 2</a></li> 
     </ui> 
</div> 

<!-- Map -- > 

<div id="desk1"> 

<img src="images/image1.jpg" /> 

</div> 

<div id="desk2"> 

<img src="images/image1.jpg" /> 

</div> 

//jQuery 
$(function() { 
    $("#item1") 

    .click(function() { 
      //$("#desk1").pulsate({color:"#09f"});    

     }); 

    }); 

Il problema non è riuscire a disattivare il .pulsate. Quindi, se si fa clic sull'elemento 1, quindi si fa clic sull'elemento 2, entrambi continueranno a pulsare finché la pagina non si aggiorna.

C'è un'opzione per impostare il pulsato su un dato numero ma Idealmente voglio che continui a pulsare su un dato div finché non si fa clic su un'altra voce di menu.

Grazie Ragazzi.

Samuel

Answer 1

Chiamare distruggere per fermarlo.

$("#YourItemsId").pulsate("destroy");