/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

16 votes223 views2 answers
Toggle bootstrap modal with jquery
Javascript jQuery
7 votes232 views1 answer
Jquery pause n seconds
Javascript jQuery
0 vote226 views1 answer
Jquery set style background image
Javascript jQuery
0 vote190 views4 answers
JQuery Aniview
Javascript jQuery
0 vote195 views1 answer
Jquery wp disable
Javascript jQuery
2 votes268 views1 answer
Jquery clear text in div
Javascript jQuery
0 vote198 views1 answer
Convert jquery hide function to pure javascript code
Javascript jQuery
0 vote207 views1 answer
How to add a class in classlist and remove after 100 ms using jquery
Javascript jQuery
1 vote192 views1 answer
How to check if file upload is empty jquery
Javascript jQuery
-1 vote208 views1 answer
Jquery shortcut keys plugin
Javascript jQuery