html 折叠区域,HTML5 可折叠区块的文本编辑器

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

/*$('*').attr('contenteditable','true');

*/

var h1Array = $("h1");

var h2Array = $("h2");

var h3Array = $("h3");

$(':header').prepend('▾ ');

$(':header').css('cursor', 'pointer');

$(":header").click(function() {

if ($(this).is($('h1'))) {

var currentIndex = h1Array.index(this);

var next = h1Array.filter(function(index) {

return index == currentIndex + 1;

});

$(this).nextUntil(next).slideToggle();

} else if ($(this).is($('h2'))) {

var currentIndex = h2Array.index(this);

var next = h2Array.filter(function(index) {

return index == currentIndex + 1;

});

$(this).nextUntil(next).slideToggle();

} else if ($(this).is($('h3'))) {

var currentIndex = h3Array.index(this);

var next = h3Array.filter(function(index) {

return index == currentIndex + 1;

});

$(this).nextUntil(next).slideToggle();

}

});