title: tinyMCE wrap element in a div
body: <p>I am using tinymce 3.3.6 (in Drupal) and I need a way to highlight multiple paragraphs and wrap them in a new div with a class.</p>
  
  <p>e.g.</p>
  
  <pre><code>&lt;p&gt;bob&lt;/p&gt;
  &lt;p&gt;bob&lt;/p&gt;
  &lt;p&gt;bob&lt;/p&gt;
  </code></pre>
  
  <p>will become (after highlighting and doing something)</p>
  
  <pre><code>&lt;div class="accordion"&gt;
  &lt;p&gt;bob&lt;/p&gt;
  &lt;p&gt;bob&lt;/p&gt;
  &lt;p&gt;bob&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>At the moment, if I just highlight everything and try and add the class it simply becomes:</p>
  
  <pre><code>&lt;p class="accordion"&gt;bob&lt;/p&gt;
  &lt;p class="accordion"&gt;bob&lt;/p&gt;
  &lt;p class="accordion"&gt;bob&lt;/p&gt;
  </code></pre>