/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

6 votes318 views2 answers
Get closest element id jquery
Javascript jQuery
9 votes213 views3 answers
Jquery check if attribute exists
Javascript jQuery
0 vote292 views1 answer
Un hover in jquery
Javascript jQuery
1 vote195 views1 answer
Jquery click on parent but not child
Javascript jQuery
2 votes196 views5 answers
Jquery timepicker
Javascript jQuery
26 votes215 views6 answers
Reset form jquery
Javascript jQuery
6 votes180 views4 answers
Jquery get url
Javascript jQuery
2 votes204 views2 answers
Loop json jquery
Javascript jQuery
1 vote268 views2 answers
Jquery remove focus
Javascript jQuery
16 votes197 views2 answers
Smooth scroll to top jquery
Javascript jQuery