使Javascript切换可拖动 - Making Javascript toggle draggable

Making Javascript toggle draggable

本文关键字：拖动 Javascript | 更新日期: 2023-09-27

我有一个运行良好的脚本：

  $('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>

请检查Fiddle

但现在我要做两件事：

如果点击屏幕上的任何地方，切换后的文本应该会消失，并返回到原始位置
在屏幕上切换的文本应该是可拖动的，还需要添加一个关闭按钮

请帮我解决这个问题。

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

参见编辑

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

现在查看可拖动