codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Add/Remove CSS Class on Jquery Click

    27th June 2014

    Jquery - Tricks

    jquery icon

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
    <button class="reportButtons">Awesome Button!</button>
     
     
    <style>
    .reportButtons{
        margin:10px;
        background-color:#EFEFEF;
        border:none;
        padding:6px;
    }
    .borderClass{
        border:1px solid red;
    }
     
    </style>
     

    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    $('.reportButtons').click(function(){
        if( $(this).hasClass('borderClass') ){
            $(this).removeClass('borderClass');
        }else{
            $(this).addClass('borderClass');
        }
    });
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN