/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

23 votes276 views6 answers
JQuery check a radio button
Javascript jQuery
0 vote293 views1 answer
Add options to select box dynamically jquery
Javascript jQuery
0 vote281 views1 answer
Jquery ui dialog position fixed center
Javascript jQuery
1 vote273 views1 answer
Jquery post json example
Javascript jQuery
86 votes284 views6 answers
Onclick Event jquery
Javascript jQuery
12 votes296 views3 answers
Set custom data attribute jquery
Javascript jQuery
0 vote294 views2 answers
How to show selected value in select box using jquery
Javascript jQuery
0 vote308 views1 answer
How i get selected class of li in jquery
Javascript jQuery
1 vote276 views2 answers
Jquery from object to queryselector
Javascript jQuery
2 votes344 views1 answer
How to get all elements with same class in jquery
Javascript jQuery