/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

22 votes209 views6 answers
Jquery get selected option value
Javascript jQuery
2 votes179 views2 answers
What is jquery
Javascript jQuery
1 vote179 views1 answer
Jquery change position animate
Javascript jQuery
5 votes336 views3 answers
Javascript to jquery converter tool
Javascript jQuery
32 votes191 views6 answers
Set radio button checked jquery
Javascript jQuery
22 votes190 views2 answers
Animate scroll to element Jquery
Javascript jQuery
0 vote172 views1 answer
Set attribute using each jquery
Javascript jQuery
0 vote191 views1 answer
Jquery repeat event on click
Javascript jQuery
9 votes171 views5 answers
Jquery select dropdown
Javascript jQuery
0 vote195 views1 answer
How to show confirm message before delete using jquery
Javascript jQuery