/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

5 votes230 views4 answers
Jquery onchange
Javascript jQuery
0 vote235 views1 answer
Jquery radio event
Javascript jQuery
10 votes267 views2 answers
Jquery how to know if element is visible
Javascript jQuery
3 votes280 views4 answers
Jquery find checkbox by value
Javascript jQuery
1 vote272 views4 answers
Jquery set title
Javascript jQuery
1 vote245 views1 answer
Check all after click first checkbox jquery
Javascript jQuery
0 vote265 views1 answer
How to call function on every keypress in jquery
Javascript jQuery
0 vote389 views1 answer
Get total width of element including padding and border using jquery
Javascript jQuery
0 vote270 views1 answer
Alternate color to table row jquery
Javascript jQuery
0 vote262 views1 answer
Get an element from outside of iframe jquery
Javascript jQuery