HTML代码
在这里,我将使用模板格式,将更容易添加或删除子元素
Jquery Accordion
脚本
$(function() {
$.getJSON('http://design.propcom.co.uk/buildtest/accordion-data.json', function(data) {
// To empty the existing item
// $('.accordion').empty();
// Iterate block
$.each(data.blocks, function(k, v) {
// Make use of jquery clone
var new_block = $('[rel=template]').find('.block').clone();
new_block.find(".heading").html(v['heading']);
new_block.find(".content").html(v['content']);
// Append the each item
$('.accordion').append(new_block)
});
});
});