/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 vote136 views1 answer
Jquery empty and append
Javascript jQuery
1 vote129 views2 answers
Jquery chrome extension
Javascript jQuery
2 votes127 views2 answers
Jquery cast to string
Javascript jQuery
1 vote131 views1 answer
Search in a table jquery
Javascript jQuery
12 votes143 views4 answers
Jquery get data attribute value by class
Javascript jQuery
0 vote135 views1 answer
Jquery remove first character from string
Javascript jQuery
2 votes139 views2 answers
Make ajax request post jquery
Javascript jQuery
0 vote137 views1 answer
How to remove more than one attribute using jquery
Javascript jQuery
13 votes167 views4 answers
Append div to another div jquery
Javascript jQuery
1 vote130 views1 answer
How to open browser for upload with click on element in jquery
Javascript jQuery