/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

7 votes158 views5 answers
How to remove child element in jquery
Javascript jQuery
10 votes143 views6 answers
Jquery post
Javascript jQuery
6 votes173 views1 answer
Trim space in jquery
Javascript jQuery
22 votes195 views6 answers
Check radio button jquery
Javascript jQuery
1 vote124 views1 answer
Jquery string to array
Javascript jQuery
1 vote160 views1 answer
How to check if a json object contains a key in jquery
Javascript jQuery
0 vote141 views1 answer
Jquery listen for click on class that was created later
Javascript jQuery
10 votes153 views4 answers
Jquery fade out
Javascript jQuery
4 votes148 views6 answers
Jquery get all checkbox checked
Javascript jQuery
0 vote153 views1 answer
Jquery basics
Javascript jQuery