/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 vote212 views1 answer
Change abclground onload jquery
Javascript jQuery
0 vote222 views2 answers
Jquery get padding of element
Javascript jQuery
0 vote224 views1 answer
Jquery to copy two input fields into one with a space between
Javascript jQuery
4 votes190 views2 answers
Jquery on scroll down
Javascript jQuery
6 votes211 views6 answers
Jquery add option to select
Javascript jQuery
12 votes225 views3 answers
Jquery get option data attribute
Javascript jQuery
9 votes226 views1 answer
JQuery children()
Javascript jQuery
41 votes219 views3 answers
Jquery get value of element
Javascript jQuery
11 votes199 views1 answer
Jquery get eklement by name
Javascript jQuery
1 vote193 views1 answer
Oncheck event jquery
Javascript jQuery