/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

0 vote148 views1 answer
How to get name array value in jquery
Javascript jQuery
2 votes152 views3 answers
PetShopIndex.html:137 Uncaught ReferenceError: $ is not defined jquery node
Javascript jQuery
0 vote155 views1 answer
How to calculate each row with on change table <td><input> jquery
Javascript jQuery
61 votes168 views4 answers
Jquery redirect
Javascript jQuery
0 vote171 views1 answer
Add and remove checked jquery
Javascript jQuery
0 vote171 views1 answer
Jquery ui sortable disable child
Javascript jQuery
1 vote158 views1 answer
Jquery get nested element
Javascript jQuery
1 vote195 views4 answers
Jquery get data-id
Javascript jQuery
2 votes154 views2 answers
JQuery slider
Javascript jQuery
0 vote187 views1 answer
Notification like whatsapp in jquery
Javascript jQuery