/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 votes284 views2 answers
React in jquery
Javascript jQuery
4 votes242 views2 answers
Jquery on scroll down
Javascript jQuery
0 vote289 views1 answer
Jquery disable form element
Javascript jQuery
0 vote286 views2 answers
Jquery smooth scrool
Javascript jQuery
4 votes266 views6 answers
How to set dropdown value in jquery
Javascript jQuery
1 vote313 views1 answer
Jquery prevent event bubbling
Javascript jQuery
-1 vote294 views2 answers
Notify jquery
Javascript jQuery
1 vote282 views1 answer
Jquery delete prev sibling
Javascript jQuery
0 vote277 views1 answer
Pop up notification using jquery
Javascript jQuery
1 vote297 views1 answer
Electron jquery
Javascript jQuery