/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 vote278 views1 answer
Jquery top 20 function
Javascript jQuery
0 vote340 views1 answer
Jquery image onerror not working
Javascript jQuery
1 vote370 views1 answer
Create fooer on print page with jquery
Javascript jQuery
60 votes293 views6 answers
Get value by id in jquery
Javascript jQuery
10 votes314 views4 answers
Jquery chek radio
Javascript jQuery
1 vote377 views4 answers
How to make popup modal in jquery with example
Javascript jQuery
0 vote318 views1 answer
Add on click to div using jquery
Javascript jQuery
0 vote337 views1 answer
Combine the values of 2 arrays in key = value jquery
Javascript jQuery
10 votes320 views4 answers
Jquery validate
Javascript jQuery
0 vote312 views1 answer
Jquery select2 multiple select all
Javascript jQuery