Как уменьшить имеющийся скрипт

Всем привет, имеется очень грамосткий скрипт
$(document).ready(function(){

$("h3.date_arh0").toggle(
function (){
		$('table#0').fadeIn(2000);
	},
	function () {
		$('table#0').fadeOut(2000);
		}
	);
$("h3.date_arh1").toggle(
function (){
		$('table#1').fadeIn(2000);
	},
	function () {
		$('table#1').fadeOut(2000);
		}
	);
$("h3.date_arh2").toggle(
function (){
		$('table#2').fadeIn(2000);
	},
	function () {
		$('table#2').fadeOut(2000);
		}
	);
$("h3.date_arh3").toggle(
function (){
		$('table#3').fadeIn(2000);
	},
	function () {
		$('table#3').fadeOut(2000);
		}
	);
$("h3.date_arh4").toggle(
function (){
		$('table#4').fadeIn(2000);
	},
	function () {
		$('table#4').fadeOut(2000);
		}
	);
});
Подскажите пожалуйста как его можно сократить? Ведь не дело столько повторяющихся элементов.
4 ответа

Один $("h3").toggle... для всех h3


Спасибо за ответ.
Один $("h3").toggle... для всех h3
есть много "h3" и много "table", мне нужно что бы каждый "h3" открывал именно свой "table", который находится ниже, а не все "table" которые имеются на странице


Спасибо за ответ.есть много "h3" и много "table", мне нужно что бы каждый "h3" открывал именно свой "table", который находится ниже, а не все "table" которые имеются на странице
Есть такая штука this:
...
$(this).next('table#номер-таблы').fadeIn(2000);
...


Очень благодарен, примерно такое решение и искал.