إظهار و إخفاء محتوى بإستخدام jQuery
السلم عليكم و رحمة ال و بركاته
من منا لم يرى صفحة السئلة المتكررة، أظن الشيء الجذاب فيها كان طريقة إظهار النص و إخفائه عند الضغط
على سؤال ما، هناك طريقة بسيطة لفعل هذا الشيء مع مع jQueryكل ما يلزمك أسطر خفيفة و يكون لديك
المثل.
$(document).ready(function() {
$("#control").click(function() {
$("#mytext").slideToggle(function() {
if ($(this).is(":visible")) {
$("#control").text("\u25b2 إخفاء النص");
}
else {
$("#control").text("\u25bc إظهار النص");
}
});
});
});
في السطر الثاني عند الحدث clickللعنصر المرفق ب control idنقوم بإخفاء ال divبإستخدام الدالة
slideToggleإذا كان هذا العنصر أصل ظاهرا )أنظر إلى السطر 4، إذا كان الشرط محققا يعني النص الن
ظاهر(، إن لم يكن الشرط محقق نقوم بإظهار المثلث المقلوب كما هو موضح في السطر 8.
مثال حي.
التصنيفات:برمجة
jQuery slideToggle



