[HTML] طريقة أخفاء وأظهار محتوى السلام عليكم ورحمه الله وبركاته
تحية طيبة اعزائي اعضاء وزوار حوف نت
كود اليوم بسيط ومهم هو عبارة عن كود HTML لاخفاء واظهار محتوى سواء كان كتابة او كود
اليكم الكود وكل ما علكم هو وضع المحتوى مكان كلمة "محتوى"
هذا يكون المحتوى مخفي ويظهر بعد الضغط:
- الكود:
-
<a onclick ="javascript:ShowHide('HiddenDiv_1')" href="javascript:;" >اظهار/اخفاء</a><div id="HiddenDiv_1" style="DISPLAY: none" >
المحتوى هنا
</div>
<script language="JavaScript">function ShowHide(divId){if(document.getElementById(divId).style.display == 'none'){document.getElementById(divId).style.display='block';}else{document.getElementById(divId).style.display = 'none';}}</script>
وهذا يكون المحتوى ظاهر ويختفي بعد الضغط:
- الكود:
-
<a onclick ="javascript:ShowHide('HiddenDiv_1')" href="javascript:;" >اخفاء/اظهار</a><div id="HiddenDiv_1">
المحتوى هنا
</div>
<script language="JavaScript">function ShowHide(divId){if(document.getElementById(divId).style.display == 'none'){document.getElementById(divId).style.display='block';}else{document.getElementById(divId).style.display = 'none';}}</script>
اتمنى الشرح واضح وبالتوفيق
ابو مازن