/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

7 votes158 views3 answers
Stop submit form jquery
Javascript jQuery
1 vote169 views4 answers
Jquery get selected text from multiselect
Javascript jQuery
4 votes172 views2 answers
Jquery on scroll down
Javascript jQuery
4 votes179 views1 answer
Jquery select on select
Javascript jQuery
0 vote210 views1 answer
Jquery function done
Javascript jQuery
0 vote187 views1 answer
Convert text filed to password field in jquery
Javascript jQuery
12 votes175 views6 answers
Jquery option selected
Javascript jQuery
20 votes170 views6 answers
Jquery format date
Javascript jQuery
2 votes182 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript jQuery
0 vote132 views1 answer
Jquery ui tabs
Javascript jQuery