¿Cómo girar botones y revertirlos con eventos Meteor?

Estoy trabajando con Meteor y Bootstrap. Hice un botón que lo gira:

 

para esto:

  

Ahora, ¿cómo hace el proceso inverso? Mis plantillas:

    

 Template.favoriteButton.events({ "click .btn-default": function (event, template) { $(".btn-default").remove(); $("body").append(""); }, }); 

Intento hacer otro evento en la misma plantilla, pero no funciona. Intento crear otra plantilla de eventos, pero no funciona. ¿Qué debo hacer?

¿Por qué no usar un texto dynamic para su botón?

  

Y en tu plantilla:

 var text = 'Favoritar'; Template.favoriteButton.onCreated(function() { Session.set(text , 'Favoritar'); }); Template.favoriteButton.helpers({ text: function(){ return Session.get(text); }, }); Template.favoriteButton.events({ "click .btn-default": function (event, template) { SetSession(text, 'Favorito'); } }); 

Actualizar

O puedes cambiar tu botón con una condición simple:

 {{#if isFavorite}}  {{else}}  {{/if}} 

En la plantilla, algo como esto.

 Template.favoriteButton.helpers({ isFavorite: function(){ return Session.get(text) == "Favoritar"; // or better with a boolean variable }, });