/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

0 vote169 views2 answers
Jquery check if iframe is loaded
Javascript jQuery
10 votes162 views4 answers
Jquery fade out
Javascript jQuery
8 votes256 views4 answers
Jquery ajax get
Javascript jQuery
0 vote196 views1 answer
Selectores de jQuery CSS básicos
Javascript jQuery
5 votes149 views2 answers
Jquery get 2 hours frmo now
Javascript jQuery
0 vote166 views1 answer
How to select second element in jquery
Javascript jQuery
3 votes165 views4 answers
Jquery ajax type json
Javascript jQuery
0 vote164 views1 answer
On page fully loaded jquery
Javascript jQuery
0 vote196 views1 answer
Remove attribute onclick jquery
Javascript jQuery
57 votes229 views2 answers
Use jquery
Javascript jQuery