/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

2 votes84 views2 answers
Validation select option jquery
Javascript jQuery
-1 vote92 views1 answer
Get selected values in multiselect jquery
Javascript jQuery
17 votes87 views4 answers
Jquery to animate a flash to the button selected
Javascript jQuery
0 vote93 views1 answer
Radiojquery
Javascript jQuery
5 votes111 views2 answers
Alert jquery
Javascript jQuery
1 vote92 views1 answer
Jquery check if input is empty on submit
Javascript jQuery
5 votes94 views3 answers
Jquery create new line table
Javascript jQuery
6 votes93 views4 answers
Jquery scroll to element in scrollable div
Javascript jQuery
3 votes91 views3 answers
Jquery get src of image
Javascript jQuery
4 votes77 views3 answers
Jquery styles
Javascript jQuery