点击元素的Jquery可折叠粘到div

Question

我正在尝试使Jquery可折叠div的单击元素使其坚持标题div。

这是我的小提琴

http://jsfiddle.net/jWaEv/6/

这是我的代码

HTML

<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>

JQUERY

 $(document).ready(function() {
   $('.my-collaspible').on('collapsibleexpand', function() {
     var container = $(".my-collaspible");
     container.slideUp(400);
   });
 });

我已尝试如上所示，但点击的元素被隐藏，我只想让它坚持类数据

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

http://jsfiddle.net/jWaEv/6/