/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 vote90 views2 answers
Json_decode in jquery
Javascript jQuery
1 vote129 views1 answer
Jquery select a dynamic element
Javascript jQuery
0 vote123 views1 answer
Jquery find highest value in array
Javascript jQuery
0 vote109 views1 answer
Convert to datetime in jquery
Javascript jQuery
3 votes118 views1 answer
Jquery 2 decimal places
Javascript jQuery
2 votes120 views2 answers
Jquery ajax 500 error handling
Javascript jQuery
1 vote145 views1 answer
On scroll page jquery
Javascript jQuery
0 vote108 views2 answers
Jquery ajax send custom data after serialize
Javascript jQuery
2 votes118 views5 answers
Jquery timepicker
Javascript jQuery
1 vote120 views1 answer
Jquery multiple div click
Javascript jQuery