jQuery hide multiple objects with one method

Question

I have multirow table and I want to hide some of them on click event. How can I do it with single method

 <script type="text/javascript">
        function createInputForm(){
            var rtype = $('#rtype').val();
            var md = $('#tr_md'),reg = $('#tr_reg'),trans = $('#tr_trans'),;

                $('#table_input_new tr').fadeIn();
                if(rtype=='A'){
                    $(md,reg).fadeOut();
                }
                else if(rtype=='B'){
                    $(reg,trans).fadeOut();
                }
       }


       $('#rtype').change(createInputForm);
-->
</script>

dfsq · Accepted Answer · 2014-11-15 14:40:46Z

1

You need to use add method to add one jQuery collection to another:

if (rtype == 'A') {
    md.add(reg).fadeOut();
}
else if (rtype == 'B') {
    reg.add(trans).fadeOut();
}

answered Nov 15, 2014 at 14:40

dfsq

193k26 gold badges244 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery hide multiple objects with one method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related