W3.JS إخفاء وإظهار
w3.hide(selector)
إخفاء العناصر باستخدام معرف العنصر
لإخفاء عنصر بمعرف محدد ، استخدم علامة التجزئة (#) أمام اسم المعرف.
إخفاء عنصر بالمعرف = "London":
مثال
<button onclick="w3.hide('#London')">Hide</button>
إخفاء العناصر باستخدام اسم العلامة
لإخفاء جميع العناصر باسم علامة محددة ، استخدم اسم العلامة (بدون <و>) كمحدد.
إخفاء جميع عناصر <h2>:
مثال
<button onclick="w3.hide('h2')">Hide</button>
إخفاء العناصر باستخدام اسم الفصل
لإخفاء جميع العناصر باسم فئة محدد ، استخدم نقطة (.) أمام اسم الفئة.
إخفاء العناصر مع class = "city":
مثال
<button onclick="w3.hide('.city')">Hide</button>
إظهار العناصر باستخدام معرف العنصر
لإظهار عنصر بمعرف محدد ، استخدم علامة التجزئة (#) أمام اسم المعرف.
إظهار عنصر بالمعرف = "لندن":
مثال
<button onclick="w3.show('#London')">Show</button>
إظهار العناصر باستخدام اسم العلامة
لإظهار جميع العناصر مع اسم علامة محدد ، استخدم اسم العلامة (بدون <و>) كمحدد.
إظهار كافة عناصر <h2>:
مثال
<button onclick="w3.show('h2')">Show</button>
إظهار العناصر باستخدام اسم الفصل
لإظهار جميع العناصر باسم فئة محدد ، استخدم نقطة (.) أمام اسم الفئة.
إظهار العناصر مع class = "city":
مثال
<button onclick="w3.show('.city')">Show</button>
تبديل إخفاء / إظهار
w3.toggleShow(selector)
تبديل إخفاء وإظهار باستخدام معرف العنصر
التبديل بين إخفاء عنصر وإظهاره بالمعرف = "London":
مثال
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
تبديل إخفاء وإظهار باستخدام اسم العلامة
التبديل بين الإخفاء وإظهار كافة عناصر <h2>:
مثال
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
تبديل إخفاء وإظهار باستخدام اسم الفصل
التبديل بين إخفاء وإظهار العناصر باستخدام class = "city":
مثال
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>