سلام دوستان من دو نوع طرح برای نمایش پستام در نظر گرفتم میخوام وقتی رو دکمه کلیک که شد ظاهر دومی نمایش داده بشه و وقتی دوباره روش کلیک شد برگرده به حالت قبل
$(document).ready(function (){
$('#option_slider').click(function (){
$('.product').slideToggle();
$('.product2').slideToggle();
})
});
دفعه اول که کلیک میکنم کار میکنه اما دفعه دوم دیگه نه من میخوام این عمل و هروقت خواستم تکرارش کنم فقط با زدن اون دکمه
اگه راهی داره ممنون میشم راهنماییم کنین
سلام با این چیزی که خوب گفتی به نظرم شرط لازم داره باید اون جا یک شرط بگی که اگه کلیک شد دومی اجرا بشه بعد else بزاری دومی اجرا بشه
سلام به شما دوست عزیز.
ببین داخل شرط چک کن که اگر الان کلاس اولی بود وقتی کلیک شد دومی اجرا بشه و برعکس.
موفق باشید.
سلام
بهتر است برای شرط های دو گزینه ای که دو حالت دارند از toggleClass استفاده کنید
.product {
color: white;
}
.product.active {
color: red;
}
$(document).ready(function(){
$("#option_slider").click(function(){
$(".product").toggleClass("active");
});
});
سلام وقت بخیر ، در این حالت شما باید کلاس active رو اعمال کنید ، دفعه اول که کلیک میشه شما کلاس active رو اضافه میکنید به div مربوطه و پست ها رو نمایش میدی برای دفعه دوم چک میشه اگر کلاس active اعمال شده ابتدا پاکش کن و سپس برگرده به حالت قبل
سلام چون همه کدت رو نذاشتی تنها کمکی که میتونم بهت بکنم اینکه از این دو تا کد الگو بگیری
$(document).ready(function () {
$('.myBtn').click(function () {
$(".container").add('.container2').slideToggle("slow", function () {
if ($(".container2").is(':visible'))
$(".myBtn2").addClass('flip');
else
$(".myBtn").removeClass('flip');
});
});
});
یا
$(document).ready(function () {
$('.myBtn').click(function () {
$(".container").slideToggle("slow", function () {
$(".myBtn").toggleClass('flip');
});
});
});
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟