/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

3 votes317 views1 answer
Jquery on click get element
Javascript jQuery
3 votes274 views2 answers
Jquery form serialize object
Javascript jQuery
2 votes272 views1 answer
To set the text of button using Jquery
Javascript jQuery
-1 vote272 views1 answer
Waypoint jquery
Javascript jQuery
7 votes251 views1 answer
Jquery replace innerhtml
Javascript jQuery
0 vote238 views1 answer
Add jquery through consol
Javascript jQuery
28 votes281 views6 answers
Jquery get data attribute value
Javascript jQuery
0 vote295 views2 answers
Jquery count selected options
Javascript jQuery
4 votes248 views3 answers
Jquery if enter key pressed
Javascript jQuery
0 vote280 views1 answer
JQuery hasClass() - check for more than one class
Javascript jQuery