ایجاد دکمه

JavaScript

توسط souda در 3 سال پیش
0 1.6k 4 3 سال پیش
soudaphp-secmansoureh
0

سلام میخوام یه دکمه بسازم همراه با یه متن که درحالت عادیshowباشه ولی وقتی روش کلیک میکنم hideباشه دوباره که کلیک میکنم showبشه ؟

1

درود و خوش اومدید کد html:

<button id="btn">Show-Hide</button>
<p>text</p>

جاوا اسکریپت(جی کوئری):

$( "#btn" ).click(function() {
  $( "p" ).toggle();
});

[size=large]دمو[/size]

0

تا اینجاش درست ولی میخوام اول فقط showباشه و متن رو نمایش بده وبعد showپاک شه بشه hiden , ومتن مخفی شه

0

خدمت شما: کد html:

<button class="btn">Show</button>
<button class="btn" style="display:none">Hide</button>
<p style="display:none">text</p>

جاوا اسکریپت(جی کوئری):

$( ".btn" ).click(function() {
  $( "p" ).toggle();
  $( ".btn" ).toggle();
});

[size=medium]دمو[/size]روشهای دیگه هم میشه

0

مچکرم.میشه با دستور attr هم نوشت

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید