/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

102 votes189 views6 answers
Is checked checkbox jquery
Javascript jQuery
0 vote183 views1 answer
Deny ready jquery
Javascript jQuery
1 vote201 views1 answer
Jquery not found error
Javascript jQuery
2 votes210 views1 answer
Jquery datatable returning current datetime
Javascript jQuery
0 vote210 views1 answer
Jquery external script
Javascript jQuery
36 votes181 views3 answers
Jquery add html to end of div
Javascript jQuery
0 vote210 views1 answer
Un hover in jquery
Javascript jQuery
0 vote210 views1 answer
Javascript check if variable is a jquery object
Javascript jQuery
111 votes249 views6 answers
Foreach jquery
Javascript jQuery
3 votes216 views3 answers
Jquery get element by class and data attribute
Javascript jQuery