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

Question

我有一个导航列表。我正在寻找的效果是当用户点击链接时，手风琴风格div由jQuery构建和显示。然后，如果用户点击同一屏幕，则从屏幕上删除。

Answer 1

这里有一些将创建DIV的鳕鱼（如果它尚未存在），使用链接的HREF属性中包含的URL加载一些HTML，然后将其转换为手风琴。如果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
});

Answer 2

是的，我很确定这是可能的。看起来可能有插件和第三方工具可以帮助您完成此任务。这看起来很有希望：http://jqueryui.com/demos/accordion/