كيف تخفي محتوى وتظهره عن طريق النقر على زر في بلوجر

هذا كود بسيط وفعال من أجل اضافته الى مدونتك واستعماله لإخفاء محتوى لن يظهر الا بالنقر على زر "إظهار/إخفاء".

هذا الكود يستعمل تقنية جافا سكربت ويمكنك من استخدامه في أي مكان سواء في التدوينات أو في القائمة الجانبية أو أي مكان يمكنك من وضع هذا الكود فيه.

هذا الكود سيضيف زر، اذا نقرت عليه سيظهر المحتوى المخفي واذا نقرت عليه مرة أخرى سيقوم بإخفائه. هذه عينة لتجربة الكود 

 ================
أنقرهنا ليظهر المحتوى المخفي

المحتوى المراد إخفائه

 


 ================

الكود المستخدم:

أنقرهنا ليظهر المحتوى المخفي<div id="spoiler" style="display:none">
المحتوى المراد إخفائه</div> <button title="انقر لإظهار/إخفاء المحتوى" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">إظهار/إخفاء</button>