title: Handlebars.js Else If
body: <p>I'm using Handlebars.js for client side view rendering.  If Else works great but I've encountered a 3 way conditional that requires ELSE IF:</p>
  
  <p>This doesn't work:</p>
  
  <pre class="lang-html prettyprint-override"><code>{{#if FriendStatus.IsFriend }}
      &lt;div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"&gt;&lt;span class="ui-icon ui-icon-mail-closed"&gt;&lt;/span&gt;&lt;/div&gt;
  {{else if FriendStatus.FriendRequested}}
      &lt;div class="ui-state-default ui-corner-all" title=".ui-icon-check"&gt;&lt;span class="ui-icon ui-icon-check"&gt;&lt;/span&gt;&lt;/div&gt;
  {{else}}
      &lt;div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"&gt;&lt;span class="ui-icon ui-icon-plusthick"&gt;&lt;/span&gt;&lt;/div&gt;
  {{/if}}
  </code></pre>
  
  <p>How do I do ELSE IF with handlebars?</p>