/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 vote252 views1 answer
Detect when page scroll to div javascript no jquery
Javascript jQuery
0 vote269 views1 answer
Jquery checkbox listener not working on programmatically change
Javascript jQuery
0 vote187 views1 answer
Jquery datetimepicker example code
Javascript jQuery
0 vote197 views1 answer
Add a string to list jquery
Javascript jQuery
0 vote224 views1 answer
Jquery datepicker change date format
Javascript jQuery
15 votes234 views1 answer
Flash a button jquery onclick
Javascript jQuery
0 vote261 views1 answer
How to remove link in image in jquery
Javascript jQuery
0 vote227 views1 answer
Jquery replace h1 with h2
Javascript jQuery
0 vote194 views1 answer
At leastone checkbox required jquery
Javascript jQuery
0 vote232 views1 answer
How to check all checkboxes using jQuery? Ask Question
Javascript jQuery