/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

3 votes159 views1 answer
Delegate jquery
Javascript jQuery
0 vote139 views1 answer
Jquery ui tabs
Javascript jQuery
0 vote194 views1 answer
Jquery do something if toggle open and close
Javascript jQuery
0 vote166 views1 answer
On hover display block jquery
Javascript jQuery
0 vote182 views1 answer
Get class count in jquery
Javascript jQuery
2 votes176 views1 answer
Jquery selector this and class
Javascript jQuery
-1 vote195 views1 answer
Checkbox on click jquery select all
Javascript jQuery
0 vote173 views1 answer
Jquery iframe use from js style
Javascript jQuery
0 vote172 views1 answer
How to target checkbox in jquery
Javascript jQuery
1 vote174 views1 answer
Select parent of element jquery
Javascript jQuery