/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

2 votes115 views2 answers
Jquery if input has empty white space
Javascript jQuery
1 vote153 views1 answer
Jquery check if div has a certain style
Javascript jQuery
2 votes118 views2 answers
Jquery scroll to specific div
Javascript jQuery
72 votes166 views6 answers
JQuery refresh page
Javascript jQuery
0 vote112 views1 answer
Add jquery through consol
Javascript jQuery
9 votes121 views3 answers
Jquery check if attribute exists
Javascript jQuery
0 vote108 views1 answer
Difference between jquery and javascript
Javascript jQuery
22 votes110 views3 answers
Page Reload detect in jquery
Javascript jQuery
0 vote148 views1 answer
Submit form through jquery by id
Javascript jQuery
0 vote112 views1 answer
Error message to show in label jquery
Javascript jQuery