/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 vote127 views1 answer
Jquery datatable destroy and recreate
Javascript jQuery
0 vote140 views1 answer
Detect when page scroll to div javascript no jquery
Javascript jQuery
57 votes125 views5 answers
Jquery onclick click
Javascript jQuery
0 vote135 views1 answer
Jquery getscript
Javascript jQuery
0 vote82 views1 answer
Jquery documentfragment
Javascript jQuery
1 vote130 views1 answer
How to make background image move mmousemove jquery
Javascript jQuery
1 vote134 views1 answer
Jquery confirmation dialog example
Javascript jQuery
1 vote154 views1 answer
Jquery wysiwyg editor val acf
Javascript jQuery
2 votes120 views6 answers
Select all checkbox jquery
Javascript jQuery
0 vote139 views1 answer
Jquery change button click function
Javascript jQuery