كيفية انشاء نص وعند الضغط عليه يظهر باقى الموضوع داخل التدوينات باستخدام css

وصف الاضافة
السلام عليكم ورحمة الله .. فى البداية العنوان ليس دقيقا جدا لانى لم اجد عنوانا مناسبا ههههـ ... على سبيل المثال ان كنت تريد ان تكتب موضوع طويل وتريد تخصيص نصوص عند الضغط عليها تظهر مجموعة نصوص اخرى او (فقرة) شاهد المثال التالى لتعرف كيف .
هذا النص هو مثال لنص يمكنك استبداله هذا النص هو مثال لنص يمكنك استبداله هذا النص هو مثال لنص يمكنك استبداله هذا النص هو مثال لنص يمكنك استبداله هذا النص هو مثال لنص يمكنك استبداله هذا النص هو مثال لنص يمكنك استبداله هذا النص هو مثال لنص يمكنك استبداله
اعتقد الان انك تعرفت اكثر على الاضافة وما فائدتها ناتى الان لطريقة الاستخدام
توجه الى انشاء مشاركة جديدة او صفحة وعن كتابتك للموضوع غير وضع التأليف الى HTML كما بالصورة :
والصق الكود التالى :
<style>مع تغيير ما هو موضح فى الكود باللغة العربية .
.checked-selector {display: none;}
:checked ~ .checked-selector {display: block;}
input.hidden[type=checkbox] {position: absolute;left: 888em;}
</style>
<label for="toggle-hidden">هنا تضع النص المراد الضغط عليه</label>
<input type="checkbox" id="toggle-hidden" class="hidden" />
<div class="checked-selector">
هنا تضع باقى الموضوع او ماتريده
</div>
وبالاخير اذا كان لديك سؤال حول الموضوع ضعه فى تعليق . بالتوفيق :)
تعليقات
إرسال تعليق