是否有可能創建一個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/