javascript - 是否可以使用链接的 jquery onclick 创建一个 div 元素

Question

我有一个导航列表。我正在寻找的效果是，当用户单击链接时，将通过 jQuery 构建并显示 Accordion 样式的 div。然后，如果用户单击同一屏幕，则会从屏幕中删除。

Answer 1

这里有一些 cod，如果 DIV 尚不存在，它将创建一个 DIV，从链接的 HREF 属性中包含的 URL 中加载一些 HTML，然后将其转换为 Accordion 。如果 DIV 已存在，则会将其删除。

$('.navLink').click( function() {
   var accordion_id = 'accordion_' + this.id;
   var accordion = $('#' + accordion_id);
   if (accordion.length > 0) {
      accodion.remove();
   }
   else {
      $('<div id="' + accordion_id + '"></div>')
           .appendTo('#someDiv')
           .load( $(this).attr('href') )
           .accordion();
   }
   return false; // cancel default action of link
});