/Javascript/jQuery/Show hide pseudo element jquery

Show hide pseudo element jquery

<style>
    .search_box:after {
        content: 'foo';
    }
    .search_box.hidden:after {
        display: none;
    }
</style>
<script>
    //Instead of these 2 lines
    //$('.search_box:after').hide();
    //$('.search_box:after').css('display', 'none');

    //Use
    $('.search_box').addClass('hidden');
</script>

Source: stackoverflow.com

Similar codes

2 votes152 views3 answers
Insertbefore jquery
Javascript jQuery
1 vote151 views1 answer
Jquery set value by id
Javascript jQuery
1 vote157 views1 answer
Class with attribute selector jquery
Javascript jQuery
1 vote166 views4 answers
Jquery scrollHeight
Javascript jQuery
0 vote147 views1 answer
Jquery parent child selector
Javascript jQuery
30 votes170 views6 answers
Jquery find by data attribute
Javascript jQuery
61 votes151 views2 answers
Jquery redirect to url
Javascript jQuery
0 vote135 views1 answer
Ejecutar una funcion js con id html usando jquery
Javascript jQuery
23 votes206 views3 answers
How to get clicked radio button value in jquery
Javascript jQuery
5 votes162 views3 answers
How to send enter event to input field jquery
Javascript jQuery