/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 vote377 views2 answers
Jquery add submit button dynamically to form
Javascript jQuery
5 votes500 views7 answers
Jquery to javascript converter online
Javascript jQuery
0 vote317 views1 answer
Classe jquery
Javascript jQuery
87 votes289 views6 answers
Onclick function jquery
Javascript jQuery
2 votes282 views3 answers
Jquery get 2nd child
Javascript jQuery
22 votes348 views6 answers
Jquery get selected option value
Javascript jQuery
0 vote335 views1 answer
Jquery get table to object
Javascript jQuery
0 vote310 views1 answer
Jquery datepicker change date format
Javascript jQuery
2 votes285 views1 answer
Jquery translate
Javascript jQuery
0 vote287 views1 answer
Jquery check scroll direction
Javascript jQuery