/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

30 votes241 views6 answers
Find element with data attribute jquery
Javascript jQuery
0 vote174 views1 answer
On page fully loaded jquery
Javascript jQuery
0 vote235 views4 answers
"jquery" + "coffeescript"
Javascript jQuery
0 vote217 views1 answer
Multiple checkbox validation in jquery
Javascript jQuery
102 votes191 views6 answers
Check if checkbox is checked jquery
Javascript jQuery
0 vote196 views2 answers
How can I get or extract some string part from url jquery
Javascript jQuery
0 vote172 views2 answers
Jquery array merge
Javascript jQuery
31 votes186 views4 answers
Remove jquery
Javascript jQuery
50 votes171 views4 answers
Jquery add class to body
Javascript jQuery
0 vote181 views1 answer
Form validation jquery input array
Javascript jQuery