Привет. Нашел скрипт, создает из h2 тегов содержание. Работает идеально, но хотелось бы улучшить и сделать, чтобы еще подтягивало h3 теги, но чтобы они были как подпункты h2. Т.е. пример структуры:
1. h2
1.1 h3
1.2 h3
2. h2
3. h2
4 h2
4.1 h3
4.2 h3
Можете помочь?
<div id="table-of-contents">
<div class="table-of-contents-head">Содержание статьи</div>
<ul style="display: none;"></ul>
</div>
jQuery(document).ready(function($) {
var menu = $('.modal-body h2');
if ( menu.length ) {
$('#table-of-contents ul').html(menu.clone());
$('#table-of-contents ul h2').replaceWith(function(index, oldHTML){
return $('<span class="sl_lt">').html(oldHTML);
});
$('#table-of-contents span').wrap('<li></li>');
$('#table-of-contents span').wrap('<a id="b" rel="nofollow noindex" class="anchor"></a>');
var i=0;
$('.modal-body h2').each(function(){
i++;
$(this).attr('id', 'b_'+i);
});
var a=0;
$('#table-of-contents ul li a').each(function(){
a++;
$(this).attr('href', '#b_'+a);
});
$('#table-of-contents ul').show();
$('#table-of-contents a').hover(
function(){$(this).prev('span').show();},
function(){$(this).prev('span').hide();}
);
$('a[href^="#"]').click(function(){
var _href = $(this).attr('href');
$('html, body').animate({scrollTop: $(_href).offset().top+'px'});
return false;
});
}
});
