/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

0 vote176 views1 answer
Jquery datepicker on multiple input fields
Javascript jQuery
19 votes179 views6 answers
Jquery document ready shorthand
Javascript jQuery
0 vote186 views1 answer
Jquery select direct child
Javascript jQuery
0 vote195 views1 answer
Jquery find selected option by class
Javascript jQuery
4 votes177 views2 answers
Jquery ajax headers: ( 'authorization': 'bearer)
Javascript jQuery
0 vote188 views1 answer
Attr hidden to show jquery
Javascript jQuery
0 vote194 views1 answer
How to remove checked attribute of checkbox in jquery
Javascript jQuery
0 vote200 views2 answers
Jquery change tabs
Javascript jQuery
2 votes184 views2 answers
Change span value according to textfierld value in jquery
Javascript jQuery
0 vote197 views1 answer
Jquery add items to select input
Javascript jQuery