如何使点击的Jquery可折叠div粘到顶部

Question

我正在为我的应用程序使用Jquery可折叠div。 我的要求是

我正在尝试制作，点击的Jquery可折叠div的元素被固定到顶部“当你向后滚动它以便它在视图中它恢复被修复并返回显示为块。

我试图做到这一点就像这个小提琴一样

http://jsfiddle.net/jWaEv/4/

<div data-role="content" class="data">
        <div class="my-collaspible" data-inset="false"  data-role="collapsible">
            <h3>Header 1</h3>
            <p>Content</p>
            <p>Content</p>

        </div>

         <div class="my-collaspible" data-inset="false"  data-role="collapsible"  >
            <h3>Header 2</h3>
            <p>Content</p>
        </div>

           </div>



$(document).ready(function(){

  $('.my-collaspible').on('collapsibleexpand', function() {

    $('.my-collaspible').not(this).collapsible("collapse")
  });
  $('.my-collaspible').on('collapsiblecollapse', function() {});
});

你能否告诉我如何实现这个目标