Jquery显示和隐藏元素

我想知道是否有一种更简单的方法来写我刚才在下面做的事情。基本上整个网站的想法是，你点击一个链接。。。然后，它将向您显示两个单选按钮，选择一个将为您提供另一组链接，单击该链接将为您提供一个表格。。。。另一个单选按钮也是一样

            <script type="text/javascript">
            $('.topreports').toggleClass('reportshovered');
            $('#clickapp').click(function () {
                $('#pendingappsasgn').hide();
                $('#closedappsasgn').hide();
                $('#pendingapptableasgn').hide();
                $('#adminpendingasgn').hide();
                $('#closedapptableasgn').hide();
                $('#closedpendingasgn').hide();
                $('#comp1').hide();
                $('#comp').slideDown('200');
            });

            $('#clickapp').click(function () {
                $('#comp1').hide();
                $('#closedapps').hide();
                $('#comp').slideDown('200');

                //pending radio buttons

                if ($('#app1').click(function () {
                     $('#closedapps').hide();
                    $('#closedpending').hide();
                    $('#closedapptable').hide();
                    $('#pendingapps').slideDown('200');

                }));

                //closed radio buttons

                if ($('#app2').click(function () {
                    $('#pendingapps').hide();
                    $('#pendingapptable').hide();
                    $('#adminpending').hide();
                    $('#closedapps').slideDown('200');


                }));

                //2 pending links

                if ( $('#reporttemp').click(function () {
                    $('#adminpending').hide();
                    $('#pendingapptable').slideDown('200');

                }));

                if ( $('#reportadmin').click(function(){
                        $('#pendingapptable').hide();
                        $('#adminpending').slideDown('200');
                }));

                //Closed Approval Links

                if ( $('#closedtemps').click(function () {
                        $('#closedpending').hide();
                        $('#closedapptable').slideDown('200');

                }));

                if ( $('#closedadmin').click(function () {
                    $('#closedapptable').hide();
                    $('#closedpending').slideDown('200');

                }));

            });

            //Assigned Approval list

            $('#clickassigned').click(function () {
                $("input:radio").removeAttr("checked");
                $('#comp').hide();
                $('#pendingapps').hide();
                $('#closedapps').hide();
                $('#pendingapptable').hide();
                $('#adminpending').hide();
                $('#closedapptable').hide();
                $('#closedpending').hide();
                $('#comp1').slideDown('200');


            });

            //assigned Approval Pending Radio
            if ($('#asgnpending').click(function () {
                     $('#closedappsasgn').hide();
                     $('#closedpendingasgn').hide();
                     $('#closedapptableasgn').hide();
                     $('#pendingasgn').slideDown('200');

            }));

            //Assigned Approval closed radio buttons

            if ($('#asgnclosed').click(function () {
                    $('#pendingasgn').hide();
                    $('#pendingapptableasgn').hide();
                    $('#adminpendingasgn').hide();
                    $('#closedappsasgn').slideDown('200');


            }));
            if ($('#reporttempasgn').click(function () {
                     $('#adminpendingasgn').hide();
                     $('#pendingapptableasgn').slideDown('200');

            }));

            if ($('#reportadminasgn').click(function () {
                     $('#pendingapptableasgn').hide();
                     $('#adminpendingasgn').slideDown('200');
            }));

            //Closed Approval Links

            if ($('#closedtempsasgn').click(function () {
                    $('#closedpendingasgn').hide();
                    $('#closedapptableasgn').slideDown('200');

            }));

            if ($('#closedadminasgn').click(function () {
                    $('#closedapptableasgn').hide();
                    $('#closedpendingasgn').slideDown('200');

            }));

$（'.topreports'）.toggleClass（'ReportsShopped'）；
$（'#clickapp'）。单击（函数（）{
$（'#pendingappsasgn'）.hide（）；
$（'#closedappsasgn'）.hide（）；
$（'#pendingapptableasgn'）.hide（）；
$（'#adminpendingasgn'）.hide（）；
$（'#closedappattablesgn'）.hide（）；
$（'#closedpendingasgn'）.hide（）；
$（'#comp1'）.hide（）；
$（'comp'）。向下滑动（'200'）；
});
$（'#clickapp'）。单击（函数（）{
$（'#comp1'）.hide（）；
$（“#closedapps”）.hide（）；
$（'comp'）。向下滑动（'200'）；
//挂起单选按钮
如果（$（'#app1'）。单击（函数（）{
$（“#closedapps”）.hide（）；
$（“#closedpending”）.hide（）；
$（“#closeAdaptable”）.hide（）；
$（'pendingapps'）。向下滑动（'200'）；
}));
//关闭的单选按钮
如果（$（'#app2'）。单击（函数（）{
$（'#pendingapps'）.hide（）；
$（'#pendingapptable'）.hide（）；
$（'#adminpending'）.hide（）；
$（#closedapps'）。向下滑动（'200'）；
}));
//2个待定链接
如果（$（'#reporttemp'）。单击（函数（）{
$（'#adminpending'）.hide（）；
$（'#pendingapptable'）。向下滑动（'200'）；
}));
如果（$（'#reportadmin'）。单击（函数（）{
$（'#pendingapptable'）.hide（）；
$（'#adminpending'）。向下滑动（'200'）；
}));
//关闭的审批链接
如果（$（'#closedtemps'）。单击（函数（）{
$（“#closedpending”）.hide（）；
$（“#CloseAdaptable”）。向下滑动（'200'）；
}));
如果（$（'#closedadmin'）。单击（函数（）{
$（“#closeAdaptable”）.hide（）；
$（#closedpend'）。向下滑动（'200'）；
}));
});
//指定审批名单
$（“#单击已分配”）。单击（函数（）{
$（“输入：收音机”）.removeAttr（“选中”）；
$（'#comp'）.hide（）；
$（'#pendingapps'）.hide（）；
$（“#closedapps”）.hide（）；
$（'#pendingapptable'）.hide（）；
$（'#adminpending'）.hide（）；
$（“#closeAdaptable”）.hide（）；
$（“#closedpending”）.hide（）；
$（'#comp1'）。向下滑动（'200'）；
});
//已分配待批准的无线电
如果（$（'#asgnpending'）。单击（函数（）{
$（'#closedappsasgn'）.hide（）；
$（'#closedpendingasgn'）.hide（）；
$（'#closedappattablesgn'）.hide（）；
$（'pendingsgn'）。向下滑动（'200'）；
}));
//已分配审批关闭单选按钮
如果（$（'#asgnclosed'）。单击（函数（）{
$（'#pendingsgn'）.hide（）；
$（'#pendingapptableasgn'）.hide（）；
$（'#adminpendingasgn'）.hide（）；
$（'closedappsasgn'）。向下滑动（'200'）；
}));
如果（$（'#reporttempasgn'）。单击（函数（）{
$（'#adminpendingasgn'）.hide（）；
$（'#pendingapptableasgn'）。向下滑动（'200'）；
}));
如果（$（'#reportadminasgn'）。单击（函数（）{
$（'#pendingapptableasgn'）.hide（）；
$（'adminingasgn'）。向下滑动（'200'）；
}));
//关闭的审批链接
如果（$（'#closedtempsagn'）。单击（函数（）{
$（'#closedpendingasgn'）.hide（）；
$（'#closedappattablesgn'）。向下滑动（'200'）；
}));
如果（$（'#closedadminasgn'）。单击（函数（）{
$（'#closedappattablesgn'）.hide（）；
$（#closedpendingasgn'）。向下滑动（'200'）；
}));

您可以将一个类指定给类似的元素，并使用类选择器将它们全部隐藏

$(".classSelect").hide();

---

对于你提出的“有没有更简单的方法”的问题，我的回答是“有”。因此，如果不这样做，这是非常简单的方法？是的，将它们分组将是更简单的方法，节省大量的打字。