ممكن طريقة عمل الحركة هذي .. ؟ JavaScript

[Important]

السلام عليكم , كيف اسوي الحركة هذي (الحركة عن طريق الجافا سكريبت) .

هنا نموذج للي ابغاه .

http://www.arabip.com/order.php

لاحظ عند الضغط على كلمة
عميل حالى
او
عميل جديد
يظهر النموذج تحته .. ؟ كيف اسويها ؟

منتشرة كثير بين المواقع . بس ما لقيت شرح او طريقة لها !!

بنتظاركم

وتحياتي لكم

[mezoo]

السلام عليكم ورحمة الله وبركاته

تفضل أخي الطريقة

هي تعتمد فى أخفاء جزئ معين فى الصفحة على الـCSS

أضف هذا للجدول مثلاً أو الـdiv

style="display : none;"

مثلاً

<table style="display : none;" id="test">
 <tr>
  <td>من يتق الله يجعل له مخرجاً</td>
 </tr>
</table>

ملحوظة تم أضافة الـid="test" حتي تتمكن الجافا سكريبت من التعامل مع الفورم


ونأتي الأن لدالة الجافا سكريبت التي ستقوم بتغير قيمة الـdisplay لكي يظهر الجدول

<SCRIPT LANGUAGE="JAVASCRIPT">
function showvalue(varObjID){
    if(document.getElementById(varObjID).style.display=="none") // لأختبار الحالة إن كانت مخفية
        {
            document.getElementById(varObjID).style.display="block";
    }
        else
        {
            document.getElementById(varObjID).style.display="none";
        }
    }
</SCRIPT> 

والأن يتبقى الخطوة الأخيرة وهي وضع لينك ليقوم بتفعيل دور الدالة السابقة

<a href="javascript: showvalue(test);">Show / Hide</a>

بس

وممكن تستخدم
onClick