/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

6 votes147 views2 answers
Installing jquery on window
Javascript jQuery
0 vote146 views3 answers
Jquery on scroll x pixels
Javascript jQuery
0 vote160 views1 answer
Jquery validation focus field on error
Javascript jQuery
3 votes144 views3 answers
Jquery get src of image
Javascript jQuery
0 vote159 views1 answer
Jquery handle change event of file upload created dynamically
Javascript jQuery
5 votes132 views2 answers
Copy text to clipboard jquery
Javascript jQuery
0 vote147 views1 answer
How to remove checked attribute of checkbox in jquery
Javascript jQuery
0 vote156 views1 answer
Get main tr from td jquery
Javascript jQuery
0 vote132 views2 answers
How to clear radio field in jquery
Javascript jQuery
-1 vote162 views3 answers
Jquery json to table
Javascript jQuery