How to add a link inside the collapsible title(<h3>)

How to add a link inside the collapsible title(<h3>)

I need to add somthing like the "split button" that comes with ListView to the "collapsible" title!
 
I did try to add a hyper link <a> inside <h3> inside the "collapsible", but when click on it, it just expand the content, and not go to the link target (href value).
  1. <div data-role="collapsible-set" data-theme="i" data-content-theme="g">
        <div data-role="collapsible">
           
            <h3>
    BreakFast     
    <a href="#somthing">icon img</a>




  2. </h3>

  3. <p>
    the contents comes here.
    </p>
    </div>
    </div>




As I said the link in the above h3 tag doesn't refer(change the page) !
Also I tried to do below code , but surely it doesn't work:
 

  1.     <div data-role="collapsible-set" data-theme="a" data-content-theme="e"  data-split-icon="gear" data-split-theme="e">

    <div data-role="collapsible">     

    <h3> Breakfast </h3>

    <p>
    <a href="somthing.html"> the contents comes here.
    </a>
    </p>

    <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">
    split button 2
    </a>
    </div>


    <div data-role="collapsible">     

    <h3> Lunch</h3>

    <p>
    <a href="somthingElse.html"> the contents comes here.
    </a>
    </p>

    <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">
    split button 2
    </a>
    </div>


    </div>

































Please help in any idea or any workaround solution.