/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 vote265 views1 answer
Trigger key jquery
Javascript jQuery
-1 vote279 views1 answer
Jquery shortcut keys plugin
Javascript jQuery
6 votes245 views4 answers
Jquery append to table
Javascript jQuery
1 vote271 views2 answers
How to wait till jquery post request has been made
Javascript jQuery
62 votes254 views6 answers
Document on click jquery
Javascript jQuery
1 vote251 views1 answer
Check class exist in element by parent id in jquery
Javascript jQuery
0 vote269 views1 answer
Jquery trigger click other element
Javascript jQuery
0 vote274 views1 answer
Create a form and submit it dynamically jquery
Javascript jQuery
0 vote277 views1 answer
Dynamic button click event in jquery
Javascript jQuery
152 votes413 views6 answers
Jquery document ready
Javascript jQuery