/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 vote251 views2 answers
Jquery detect change in textarea content
Javascript jQuery
1 vote213 views1 answer
Trigger a click on page load jquery
Javascript jQuery
1 vote189 views1 answer
Load page jquery
Javascript jQuery
0 vote228 views1 answer
Jquery get label text only for input
Javascript jQuery
0 vote217 views1 answer
Jquery detect shift tab
Javascript jQuery
0 vote226 views1 answer
Django jquery
Javascript jQuery
23 votes217 views5 answers
How to reset form values in jquery
Javascript jQuery
0 vote221 views1 answer
Selectores de jQuery
Javascript jQuery
0 vote195 views2 answers
Get array length in jquery
Javascript jQuery
4 votes238 views2 answers
Add jquery angular
Javascript jQuery