/Javascript/jQuery/Jquery show hide based on data attribute

Jquery show hide based on data attribute

$('form')
        .children()
        .filter(function(){
            return $(this).data('show') === 'pro';
        })
        .show();
$('form')
         .children()
         .filter(function(){
             return $(this).data('show') === 'home';
         })
         .hide();

Source: stackoverflow.com

Data attribute hide & show function syntax in jquery

$('.test').hide().filter('[data-word="AAA"][data-type="BBB"][data-number="2"]').show();

Source: stackoverflow.com

Similar codes

0 vote153 views4 answers
JQuery Aniview
Javascript jQuery
9 votes126 views1 answer
Jquery on video play
Javascript jQuery
1 vote187 views1 answer
Jquery confirmation dialog example
Javascript jQuery
1 vote160 views1 answer
Reading Time with jquery
Javascript jQuery
16 votes189 views2 answers
Smooth scroll to top jquery
Javascript jQuery
27 votes168 views6 answers
Jquery select by data attribute
Javascript jQuery
6 votes175 views3 answers
Get value of selected checkbox jquery
Javascript jQuery
0 vote198 views1 answer
Immediate invoke jquery function
Javascript jQuery
0 vote192 views1 answer
Jquery is emptyobjec
Javascript jQuery
0 vote176 views1 answer
Jquery table each rows with class
Javascript jQuery