البداية > برمجة > إظهار و إخفاء محتوى بإستخدام jQuery

إظهار و إخفاء محتوى بإستخدام 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.‬
مثال حي.

التصنيفات:برمجة الوسوم:

اترك رد

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / تغيير )

Twitter picture

You are commenting using your Twitter account. Log Out / تغيير )

Facebook photo

You are commenting using your Facebook account. Log Out / تغيير )

Connecting to %s

Follow

Get every new post delivered to your Inbox.