title: Add link within collapsible content header (split- link) - css missing
body: <p>I have collapsible content, and would like to add a link that can be clicked besides the actual toggling function of the header.</p>
  
  <p>[edit]Thanks to /frequent/, I am pretty close, the link "on" the header is working, but I am missing the css to get the link inside the header - just can't figure it out:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;script type="text/javascript" charset="utf-8"&gt;
  $( document ).on('pageinit','#page1', function (event) {
   $(".click_action").bind("click", function (e) {
    e.stopPropagation();
    e.preventDefault();
    e.stopImmediatePropagation();
    $.mobile.changePage($(this).attr('href'));
   });
  });
  &lt;/script&gt;
  &lt;div data-role="page" id="page1"&gt; 
  
  &lt;div data-role="collapsible" class="ui-collapsible ui-collapsible-inset ui-corner-all ui-collapsible-themed-content ui-collapsible-collapsed doublemeaning" data-enhanced="true"&gt;
  &lt;h3 class="ui-collapsible-heading ui-collapsible-heading-collapsed"&gt;
  &lt;a class="myheading ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-icon-plus" href="#"&gt;Heading&lt;/a&gt;
  &lt;a class="click_action" href="test2.html"&gt;Go to test2.html&lt;/a&gt;
  &lt;/h3&gt;
  &lt;div class="ui-collapsible-content ui-body-inherit ui-collapsible-content-collapsed" aria-hidden="true"&gt;
       &lt;p&gt;I'm the collapsible content. Open me!&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>See <a href="http://jsfiddle.net/XqAvB/1/" rel="nofollow">http://jsfiddle.net/XqAvB/1/</a>
  Any ideas are very much appreciated.</p>