/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

1 vote100 views1 answer
Jquery delete request
Javascript jQuery
5 votes110 views2 answers
Jquery remove disabled property from button
Javascript jQuery
0 vote123 views1 answer
Remove attribute onclick jquery
Javascript jQuery
0 vote100 views1 answer
Check upload img extension jquery
Javascript jQuery
0 vote117 views2 answers
View my password jquery
Javascript jQuery
0 vote103 views1 answer
Jquery show flex
Javascript jQuery
6 votes112 views2 answers
Jquery get element innertext
Javascript jQuery
1 vote109 views1 answer
How to completely reload page in jquery
Javascript jQuery
1 vote110 views1 answer
Jquery check if input is empty on submit
Javascript jQuery
0 vote119 views1 answer
Jquery get selected checkbox items and pass to parameter for C# MVC consumption
Javascript jQuery