/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 vote363 views1 answer
How to get append value in jquery
Javascript jQuery
18 votes304 views4 answers
Change image src using jquery
Javascript jQuery
1 vote340 views1 answer
Jquery delete request
Javascript jQuery
0 vote336 views1 answer
Javascript equivalent of jquery append
Javascript jQuery
2 votes337 views2 answers
Jquery ajax 500 error handling
Javascript jQuery
58 votes322 views1 answer
JQuery ui embed
Javascript jQuery
1 vote363 views1 answer
How to push the get variables without page reloading in Jquery
Javascript jQuery
1 vote326 views1 answer
Jquery get nested element
Javascript jQuery
2 votes365 views1 answer
Jquery select element based on for attribute
Javascript jQuery
8 votes337 views1 answer
Get all parameters from url in jquery
Javascript jQuery