چرا کدی که زدم کار نمیکنه

سلام با این چیزی که خوب گفتی به نظرم شرط لازم داره باید اون جا یک شرط بگی که اگه کلیک شد دومی اجرا بشه بعد else بزاری دومی اجرا بشه

@mohammadrezah
خب تو شرطش باید چی بنویسم که با هربار کلیک ظاهری که میخوام اعمال شه

سلام به شما دوست عزیز.
ببین داخل شرط چک کن که اگر الان کلاس اولی بود وقتی کلیک شد دومی اجرا بشه و برعکس.
موفق باشید.

سلام
بهتر است برای شرط های دو گزینه ای که دو حالت دارند از 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');
       });
    });
});