[De12]

Привет. Нашел скрипт, создает из 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;
		});
	}
});