كود سهل جدا لإخفاء وإظهار جزء من التدوينة او الموضوع- مدونات بلوجر

كود سهل جدا لإخفاء وإظهار جزء من التدوينة او الموضوع- مدونات بلوجر

بسم الله الرحمن الرحيم

[ زر ] إخفاء جزء من الموضوع , وعند الضغط عليه يكمل الموضوع

اليوم معنا طريقة جداَ جميلة وهي لعمل محتوى مخفي , الطريقه انك تخفي جزء من المشاركة طبعاَ بأختيارك ويظهر بدل الجزء المخفي زر مكتوب فيه " أكمل الموضوع [ إخفاء ][ إظهار ] " وطبعا عند الضغط عليه يظهر الموضوع كامل , وعند الضغط عليه مره اخرى يقوم بإخفاء الموضوع .

مثال حي :


طريقة الأستعمال :
طبعا الطريقة تكون اثناء كتابتك للتدوينة , اكتب التدوينة وبعد الانتهاء منها لاتقم بنشرها , بل انتقل الى التبويب HTML لتظهر لك اكواد التدوينة , بعدها قم بتحديد الجزء الذي تريد اخفاءه كما في الصورة :

ضعه بين هذين الكودين :

<div id="spoiler" style="display: none;">
مرحبا بكم في مدونة إحترف في موضوع إخفاء وإظهار جزء من الموضوع :)
</div>
</br>
<center>
<button type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">أكمل الموضوع [ إظهار ] [ إخفاء ]</button>
</center>
</br>

لا تتردد في وضع تعليقك فبذلك تقيم عملي و تحتني لأضع المزيد من المواضيع :)