سوال: مشکل با نمایش یک استایل در js [بایگانی]

رضا قربانی

سه شنبه 02 خرداد 1391, 03:11 صبح

با سلام خدمت همگی دوستان

من قطعه کدی دارم که می خوام وقتی روی لینکی کلیک شد محتویاتی نشان داده بشه که این مجتویات با کلیک بر روی هر لینک متفاوته.

من یک لینک رو می تونم نمایش بده و مخفیش کنم اما بیش از یک لینک بشه کلا سیستمش قاطی میشه و همون اولی هی show / hidden میشه.

.

توجه داشته باشید مشخصات تگ <a href= ... من یکیه و نمیشه عوضش کرد چون در داخل حلقه php قرار میگیره

ممنون میشم راهنماییمون کنید :

کد آماده و منظم و ساده :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "show";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}
}
</script>

</head>

<body>
<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>1111111111111111111111111111</h1></div> <br />

<a id="displayText" href="javascript:toggle();">show2</a> <== click Here
<div id="toggleText" style="display: none"><h1>222222222222222222222222222</h1></div><br />

<a id="displayText" href="javascript:toggle();">show3</a> <== click Here
<div id="toggleText" style="display: none"><h1>33333333333333333333333333333333</h1></div>

</body>
</html>