/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

8 votes303 views1 answer
Get the size of the browser jquery
Javascript jQuery
7 votes268 views5 answers
How to remove child element in jquery
Javascript jQuery
1 vote301 views3 answers
Jquery reset select2
Javascript jQuery
105 votes333 views6 answers
Jquery see if checkbox is checked
Javascript jQuery
61 votes269 views4 answers
Jquery redirect
Javascript jQuery
0 vote318 views1 answer
Jquery dialog button text set by variable
Javascript jQuery
20 votes277 views6 answers
Jquery format date
Javascript jQuery
0 vote278 views1 answer
Createelement and set prop attr jquery
Javascript jQuery
2 votes299 views1 answer
Scroll jquery to anchor
Javascript jQuery
8 votes290 views6 answers
Jquery select option by value
Javascript jQuery