نمایش و پنهان کردن چند قسمت

[spdi 10]

سلام دوستان

4 فرم دارم

ثبت نام؛ فراموشی رمز؛ فعال سازی؛ ورود

که با استفاده از لینک و استفاده از toggle_visibility اینارو درست کردم.

حالا مشکلی که دارم اگه روی 4 تا لینک کلیک کنی 4 تا قسمت نمایش داده میشه و روی هم می افته!

الان می خوام اگه روی یک لینک کلیک شد 3 قسمت دیگه پنهان بشه و فقط قسمت مورد نظر کلیک شده نمایش داده بشه.

ممنون می شم کمک کنید

لطفا کد باشه

نمونه کد جاوا

function toggle_visibility(id) {
      var e = document.getElementById(id);
      if(e.style.display == 'block')
         e.style.display = 'none';
      else
         e.style.display = 'block';	  
   }

نمونه کد html

<a href="#" id="signin" onclick="toggle_visibility('login')"> SIGN IN </a>
           <a href="#" id="signup" onclick="toggle_visibility('register')"> SIGN UP </a>
           <a href="#" id="active" onclick="toggle_visibility('activation')"> ACTIVE </a>
           <a href="#" id="forgot" onclick="toggle_visibility('Forgetfulness')"> FORGOT </a>

[spdi 10]

سلام دوستان

4 فرم دارم

ثبت نام؛ فراموشی رمز؛ فعال سازی؛ ورود

که با استفاده از لینک و استفاده از toggle_visibility اینارو درست کردم.

حالا مشکلی که دارم اگه روی 4 تا لینک کلیک کنی 4 تا قسمت نمایش داده میشه و روی هم می افته!

الان می خوام اگه روی یک لینک کلیک شد 3 قسمت دیگه پنهان بشه و فقط قسمت مورد نظر کلیک شده نمایش داده بشه.

ممنون می شم کمک کنید

لطفا کد باشه

نمونه کد جاوا

function toggle_visibility(id) {
      var e = document.getElementById(id);
      if(e.style.display == 'block')
         e.style.display = 'none';
      else
         e.style.display = 'block';	  
   }

نمونه کد html

<a href="#" id="signin" onclick="toggle_visibility('login')">*SIGN IN*</a>
           <a href="#" id="signup" onclick="toggle_visibility('register')">*SIGN UP*</a>
           <a href="#" id="active" onclick="toggle_visibility('activation')">*ACTIVE*</a>
           <a href="#" id="forgot" onclick="toggle_visibility('Forgetfulness')">*FORGOT*</a>

نمونه کد html فرم ها

<aside id="login">
           <form name="login" action="#" method="post">

Inputs Here

           </form>
       </aside>
       <aside id="register">
           <form name="register" action="indexhtml.php" method="post"

Inputs Here


           </form>
       </aside>


       <aside id="activation">
       	<form name="activation" action="indexhtml.php" method="post">

Inputs Here


           </form>
       </aside>


       <aside id="forgetfulness">
<form name="forgetfulness" action="indexhtml.php" method="post">

Inputs HEre


           </form>
       </aside>

[spdi 10]

دوستان پاسخ لطفا!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!