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

[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';      
   }  

           [b][/b]<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>