Question

How can I apply this script to only one class at a time

<script>

    $(document).ready(function(){



        // set up click/tap panels
        $('.click').toggle(function(){

            $(this).addClass('flip');
        },function(){
            $(this).removeClass('flip');
        });

        // set up block configuration
        $('.action').click(function(){;
            $('.card').addClass('flip');
        });
        $('.action2').click(function(){
            $('.card').removeClass('flip');
        });


});

When I click the action class all the card classes flip and I wanted to rotate one at a time.

My idea is to click on one and flip only that one, click on another and flip only that card not all the cards at the same time.

Answer 1

If you just want to flip the .card div that contains the action you clicked on, do:

    $('.action').click(function(){;
        $(this).closest(".card").addClass('flip');
    });