/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

3 votes49 views1 answer
Jquery button remove disabled attribute
Javascript jQuery
0 vote40 views1 answer
Add set time out in jquery
Javascript jQuery
1 vote39 views1 answer
Detecting screen width in jquery
Javascript jQuery
0 vote40 views1 answer
Jquery thousand separator
Javascript jQuery
1 vote39 views1 answer
Jquery click on parent but not child
Javascript jQuery
0 vote38 views2 answers
Jquery.mask.js
Javascript jQuery
0 vote39 views1 answer
Set value of attribute using each and keyup jquery
Javascript jQuery
0 vote56 views2 answers
Jquery smooth scrool
Javascript jQuery
85 votes36 views5 answers
Jquery selector checked
Javascript jQuery
0 vote39 views1 answer
Jquery left arrow key press
Javascript jQuery