/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

4 votes309 views2 answers
Table row count in jquery
Javascript jQuery
23 votes320 views6 answers
JQuery check a radio button
Javascript jQuery
5 votes332 views1 answer
Jquery document on rea
Javascript jQuery
0 vote398 views2 answers
Jquery nested ul li
Javascript jQuery
7 votes294 views2 answers
How to edit the link in a href with jquery
Javascript jQuery
0 vote307 views1 answer
Quitar checked jquery
Javascript jQuery
0 vote276 views1 answer
Jquery how do i remove emoji from string
Javascript jQuery
120 votes450 views6 answers
Jquery checkbox checked
Javascript jQuery
3 votes303 views2 answers
Disable right click jquery
Javascript jQuery
0 vote376 views1 answer
Json_decode jquery
Javascript jQuery