php - 使 javascript Toggle 可拖动

Question

我有这个工作正常的脚本

  $('a.clickMe').click(function () {
   id = $(this).attr('toggle');
   $('.text').not('#' + id).hide();
   $('#' + id).show();
  });


   <a class="clickMe" toggle="first">Text 1</a>
       </br>
   <div id="first" class="text"> - This text will be toggled</div>

   <a class="clickMe" toggle="second">Text 2</a>
   </br>
   <div id="second" class="text"> - This text will be toggled 2</div>

请检查小提琴

但现在我正在尝试做两件事，，，

1. 如果单击屏幕上的任何位置，切换的文本应该消失并且应该返回到原始位置。
2. 被切换的文本应该可以在屏幕上拖动，还需要添加关闭按钮。

请帮我解决这个问题..

Answer 1

$('a.clickMe').click(function () {
   id = $(this).attr('toggle');
   $('#' + id).toggle();

});​

见编辑

 $('a.clickMe').draggable();

现在看到可拖动的