ایجاد دکمه

Javascript

توسط souda در 5 سال پیش
0 56.1k 4 5 سال پیش
souda php-sec mansoureh
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 هم نوشت

خوش آمدید

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