/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

1 vote368 views1 answer
Jquery calc height based on width
Javascript jQuery
1 vote313 views1 answer
JQuery search immediate children
Javascript jQuery
0 vote307 views1 answer
Jquery search for string in text
Javascript jQuery
0 vote364 views1 answer
Jquery replace multiple words
Javascript jQuery
0 vote335 views1 answer
Jquery get cursor position
Javascript jQuery
0 vote335 views1 answer
Anonymous function jquery
Javascript jQuery
1 vote356 views2 answers
Jquery :not class
Javascript jQuery
0 vote341 views1 answer
Jquery steps disable finish button
Javascript jQuery
0 vote297 views1 answer
Jquery initialize
Javascript jQuery
4 votes349 views2 answers
Check if enter key is pressed jquery
Javascript jQuery