/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

10 votes316 views4 answers
Add table row jQuery
Javascript jQuery
27 votes306 views6 answers
Jquery select by data attribute
Javascript jQuery
1 vote319 views1 answer
Jquery SEND TO END OF ARRAY
Javascript jQuery
1 vote318 views1 answer
Check your page, maybe you import jQuery library twice, the slim version or it is missing.
Javascript jQuery
115 votes403 views6 answers
Document ready without jquery
Javascript jQuery
1 vote338 views1 answer
Jquery select self and siblings
Javascript jQuery
0 vote330 views1 answer
Jquery external script
Javascript jQuery
8 votes325 views4 answers
Jquery ajax get
Javascript jQuery
0 vote337 views1 answer
Jquery element to dom element
Javascript jQuery
1 vote327 views2 answers
Reset select form jquery
Javascript jQuery