freeCodeCamp/guide/arabic/jquery/jquery-effects-show-method/index.md

2.2 KiB

title localeTitle
jQuery Effects Show Method طريقة jQuery تظهر طريقة

طريقة jQuery تظهر طريقة

في أبسط أشكالها ، يعرض .show () العنصر المطابق على الفور ، بدون رسوم متحركة. فمثلا:

$(".myclass").show();

سوف تظهر جميع العناصر التي الطبقة هي myclass . يمكن استخدام أي محدد jQuery.

ومع ذلك ، لا تتخطى هذه الطريقة !important في نمط CSS ، مثل display: none !important .

.show () كطريقة للرسوم المتحركة

بفضل خياراته ، يمكن أن يؤدي .show () إلى تحريك العرض والطول والعتامة للعناصر المتطابقة في وقت واحد.

  • يمكن توفير المدة بالمللي ثانية أو باستخدام القيم الحرفية البطيئة (600 مللي ثانية) وبسرعة (200 مللي ثانية). فمثلا:

$("#myobject").show("slow");

  • يمكن تحديد وظيفة ليتم استدعاؤها بمجرد اكتمال الرسوم المتحركة ، مرة واحدة لكل عنصر متطابق. فمثلا

`$("#title").show( "slow", function() { $("p").show("fast"); });

* More options exist, please refer to the official website for further details. 
 
### .slideDown() method 
This method animates the height of the matched elements. This causes lower parts of the page to slide down, making way for the revealed items. 
Usage: 
` 

جافا سكريبت $ ( "myclass.") slideDown ()؛ // سيتم توسيع العنصر مع myclass المعرّف لمدة 400 مللي ثانية. $ ( ". myclass") slideDown (1000)؛ // سيتم توسيع العنصر مع myclass المعرّف لـ 1000 مللي ثانية. $ ( "myclass.") slideDown ( "بطيء")؛ // سيتم توسيع العنصر مع myclass المعرّف لـ 600 مللي ثانية. $ ( ". myclass") slideDown ( "سريع")؛ // سيتم توسيع العنصر مع myclass المعرّف لـ 200 مللي ثانية. \`\` \`

#### معلومات اكثر:

طريقة jQuery Show () على [الموقع الرسمي](http://api.jquery.com/show/)