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

التصنيفات :برمجة الوسوم:
  1. ابوسعود
    12 يونيو 2012 الساعة 6:31 م

    ابداع

  2. 13 يناير 2013 الساعة 9:22 م

    شكرا يااخى على المعلومات المفيدة

    عروض مكتبة جرير

  3. 11 يونيو 2013 الساعة 1:05 م

    تم التطبيق بارك الله فيك

    عروض مصرعروض السعودية

  1. No trackbacks yet.

أضف تعليقاً

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s

%d مدونون معجبون بهذه: