إظهار أو إخفاء أي جزء من محتوى مقالاتك بـCSS لمدونات بلوجر

عدد مشاهدات الموضوع:

مرحبا بكم زوار مدونة أبو إياد، هناك مزيد من المدونين يفضلون عدم إشغال تدويناتهم بأكواد أو نص معين يمكن أن يسرق الأنظار عن جزء مهم يريدون التركيز عليه وغيره من الأسباب التى جعلتنى اليوم أتيكم بإضافة تمكنكم من إظهار أو إخفاء أي جزء من محتوى مقالاتك مع زر يُمكِّنْ القراء من إظهار أو إخفاء المحتوى فقط بتقنية الـCSS. 

هنا أترك لكم مثال بسيط للإضافة: فقط اضغط على إظهار سيظهر الكود المخفى أو النص المخفى والعكس مع إخفاء :)

.

محتوى مخفي :D

من أجل إستخدام الإضافة قم بإضافة الكود التالي:

.<input onclick="window.location='#idhar1';" type="button" value="إظهار" />

<input onclick="window.location='#';" type="button" value="إخفاء" />

<br />

<div id="spoiler1">

<div id="idhar1">

المحتوى الذي تريد إخفاءه هنا

</div>

</div>

<style>

#spoiler1 > div {display: none;}

#spoiler1 > div:target {display: block;}

</style>

عندك كتابتك لأي مقال قم بجعل المقال على  الوضع HTML وأضف الكود في المكان المراد.