Functions

expand.js

var comments = ["Sounds delicious!", "What next?!?"]; 

// or, if there are no comments
// var comments = [];

$("#my-template").expand({
  content: "Step 1, light the grill. Step 2...",
  comments: function(el) {
    if (comments.length == 0) {
      return false; // this will remove the comments div
    } else {
      return comments;
    }
  }
})

result_comments.html

<div>
  <span class="content">Step 1, light the grill. Step 2...</span>
  <div class="comments">
    <div class="comment">Sounds delicious!</div>
    <div class="comment">What next?!?</div>
  </div>
</div>

result_no_comments.html

<div>
  <span class="content">Step 1, light the grill. Step 2...</span>
</div>

template.html

<div id="my-template">
  <span class="content"></span>
  <div class="comments">
    <div class="comment"></div>
  </div>
</div>