/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 vote232 views1 answer
Jquery get iframe content
Javascript jQuery
0 vote231 views1 answer
Remove all index from array except the one jquery
Javascript jQuery
3 votes272 views4 answers
Jquery toggle input checkbox
Javascript jQuery
0 vote225 views1 answer
Navigate to url jquery
Javascript jQuery
-1 vote271 views1 answer
Get sessionstorage value in jquery
Javascript jQuery
1 vote266 views1 answer
How use for loop in append attribute in jquery
Javascript jQuery
4 votes209 views3 answers
Jquery if enter key pressed
Javascript jQuery
0 vote233 views1 answer
Jquery display modal bs4
Javascript jQuery
0 vote241 views2 answers
Jquery.validate.unobtrusive dynamic content
Javascript jQuery
0 vote248 views1 answer
Store data in array jquery
Javascript jQuery