/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

12 votes144 views3 answers
Set custom data attribute jquery
Javascript jQuery
1 vote164 views1 answer
Each option select jquery
Javascript jQuery
5 votes135 views3 answers
Access selected option in jquery
Javascript jQuery
1 vote147 views1 answer
Remove tr having delete icon inside jquery
Javascript jQuery
0 vote151 views1 answer
Javascript jquery json quiz2
Javascript jQuery
0 vote159 views1 answer
Jquery change query string parameter value
Javascript jQuery
0 vote164 views1 answer
Reload table jquery
Javascript jQuery
0 vote177 views1 answer
Filter div jquery
Javascript jQuery
0 vote119 views2 answers
Projects in javascript & jquery free download
Javascript jQuery
0 vote147 views1 answer
Jquery dropdown selected value show field
Javascript jQuery