Question

I’d like to implement a reversible animation in Backbone, in the same way we do it in jquery :

$('a.contact').toggle(
function(){
    // odd clicks
},
function(){
    // even clicks
});

my question is how to do this in backbone’s event syntax?
How to do I mimic the function, function setup?

events : {
  'click .toggleDiv' : this.doToggle
},

doToggle : function() { ??? }

Answer 1

Backbone’s view events delegate directly to jQuery, and give you access to all of the standard DOM event arguments through the callback method. So, you can easily call jQuery’s toggle method on the element:

Backbone.View.extend({

  events: {
    "click a.contact": "linkClicked"
  },

  linkClicked: function(e){
    $(e.currentTarget).toggle(
      function() {
        // odd clicks
      },
      function() {
        // even clicks
      }
    );
  }

});