не получается передать переменную в jQuery

[fafee]

добрый день, есть две функции, показывающие и скрывающие элемент по его ID

первая на jquery с эффектами плавного появления и исчезновения для жесткого заданных ID

function fade() {
$("#wl").fadeTo(500, 1).fadeOut(500);
}
function fadeup() {
$("#wl").fadeTo(500, 1).fadeIn(500);
}

вызов первой функции

onclick="javascript:fade();"

вторая на js для переменных

function showhide(id1) {
	if(document.getElementById(id1).style.display=='none') {
		document.getElementById(id1).style.display='block';
	} else {
		document.getElementById(id1).style.display='none';
	}
}

вызов второй функции

onclick="javascript:showhide('переменная');"

незадача в том, что я не могу передавать в 1 функцию переменные, потому что не знаю как их туда подставить, то есть она работает только с твердо заданными ID, а хочется применять при динамическом выводе, например так

function fade() {
$("(переменная)").fadeTo(500, 1).fadeOut(500);
}
function fadeup() {
$("(переменная)").fadeTo(500, 1).fadeIn(500);
}

или как-то добавить плавность во вторую функцию.
в javascript знания пока слабые, поэтому прошу сильно не пинать.

спасибо.

 

[chang]

а так не вариант ?

function fade(xxx) {
  $(xxx).fadeTo(500, 1).fadeOut(500);
}


onclick="javascript:fade("переменная");"

или я недопонял ..?

 

[fafee]

еще как вариант!
спасибо, то что надо)

 

[Infocean]

Вторую функцию, я бы сделал так(без эффекта

function showhide(id1){
	if ($(id1).css("display") == "none") $(id1).show();
	else $(id1).hide();
}

или вот так(с эффектом: плавность

function showhide(id1){
	if ($(id1).css("display") == "none") $(id1).show(2000);
	else $(id1).hide(2000);
}

В скобках, где написано "2000", можешь менять на своё число, если хочешь увеличить или уменьшить скорость появления элемента на странице.

Вызов:

onclick="showhide('#name_layer')"

Т.к.:
1) Вы же используете JQuery, в нём уже есть большая часть того что вам нужно.
2) Так получается меньше кода