/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 vote277 views1 answer
Jquery match height,jquery matchheight
Javascript jQuery
1 vote261 views4 answers
Jquery scrollHeight
Javascript jQuery
0 vote329 views2 answers
Stop a video jquery
Javascript jQuery
19 votes324 views4 answers
Get element by name in jquery
Javascript jQuery
0 vote304 views1 answer
How to check condition multiple input value in jquery
Javascript jQuery
6 votes297 views1 answer
Jquery loop through list elements
Javascript jQuery
0 vote302 views1 answer
Send multiple files using formdata jquery
Javascript jQuery
0 vote322 views1 answer
Serach for a keyword jquery
Javascript jQuery
0 vote310 views1 answer
Jquery datepicker on multiple input fields
Javascript jQuery
0 vote284 views1 answer
Jquery wp disable
Javascript jQuery