طريقة عمل محتوى مخفي

مرحبا بكل متابعي موقع جزائري ويب اليوم اقدم لكم موضوع رائع وهو طريفة عمل محتوى مخفي أو بالتحديد محتوى قابل للإظهار والإخفاء Hide and show وتفيد هذه الطريقة في المدونات التي تكون مواضيعها طويلة فيمكن إستخدامها لإخفاء جزء من الموضوع و يمكنك القيام باخفاء نص ,صورة اوحتى مقطع فيديو

شرح طريقة التركيب :

1. معاينة الاضافة من هنا
2. ضع الكود التالي في الموضوع داخل
    HTML  

<div><input style = 'background: #aa65c7; color: #fff; text-align: center; margin: 0 auto; border: none; border-radius: 3px; padding: 8px 16px; margin-right: 150px; font-size: 19px; font-weight: normal; font-family: Electrolize,GESSTwoLight; box-shadow: 0px 3px 0px 0px #883da7; vertical-align: middle; cursor: pointer; text-shadow: 0 1px rgba(0, 0, 0, 0.3); transition: background 0.1s ease-in-out;' value="اضغط هنا" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'اخفاء الكود';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'اضهار الكود';}" type="button" /><div style="display: none;">ضع الكود الدي تريد اخفائه هنا</div></div>