/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

63 votes315 views6 answers
Add class jquery
Javascript jQuery
0 vote346 views1 answer
Jquery find id with string at end
Javascript jQuery
0 vote384 views1 answer
Jquery click ony works once on dropdown
Javascript jQuery
21 votes370 views1 answer
Jquery loop through elements starting with
Javascript jQuery
2 votes355 views1 answer
Jquery cancel ajax request on click
Javascript jQuery
6 votes342 views2 answers
Installing jquery on window
Javascript jQuery
13 votes308 views4 answers
Change checkbox jquery alert
Javascript jQuery
0 vote301 views1 answer
.html jquery in javascript
Javascript jQuery
0 vote326 views1 answer
Jquery delay to call function
Javascript jQuery
63 votes327 views6 answers
Jquery append after
Javascript jQuery