/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

1 vote126 views3 answers
Jquery if else click function
Javascript jQuery
0 vote146 views1 answer
Delete all the fields on the form whit jquery
Javascript jQuery
0 vote130 views1 answer
Jquery once
Javascript jQuery
0 vote144 views2 answers
How to assign bootstrapswitch using jquery
Javascript jQuery
0 vote139 views1 answer
Jquery dropdownlist from mvc jsonresult list
Javascript jQuery
0 vote149 views1 answer
1 line password strength checker jquery
Javascript jQuery
2 votes138 views1 answer
Jquery event keycode
Javascript jQuery
0 vote153 views1 answer
Jquery onload function for div
Javascript jQuery
-1 vote158 views1 answer
Get sessionstorage value in jquery
Javascript jQuery
12 votes146 views2 answers
Download jquery 3.1.1
Javascript jQuery