گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/03/29 - 11:29
كد :7652
در این آموزش نحوه استفاده از Toggle را در جاوا اسکریپت W3 خواهیم آموخت با ما همراه باشید.
متحرک سازی با W3
تغییر وضعیت بین مشاهد و عدم مشاهده المان ها
تغییر وضعیت المان با کمک ID
تغییر وضعیت بین مشاهده و عدم مشاهده المان ها با id="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>
مشاهده نتیجه
تهیه و تنظیم توسط شرکت طراحی سایت سارگون با ما در تماس باشید