是否有可能创建一个div元素与jQuery的onclick链接

Question

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

Answer 1

这里有一些cod如果它不在那里就会创建一个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/