Javascript 默认情况下jQuery不隐藏元素

嗨，我在我的web应用程序中使用了很多jQuery元素。我正在使用jQuery UI选项卡，并尝试在该选项卡中放入一些show hide元素，但是，如果我放入一些自定义jQuery，则该选项卡将失败，页面上的所有其他jQuery都将无法按照默认设置执行

例如，我在默认情况下隐藏了一个div

，但这在默认情况下显示，必须单击以切换隐藏

不确定这里出了什么问题，没有很多jquery的经验，因此希望能得到一些帮助，我个人认为错误在JS中，因此我在下面做了一个简单介绍或查看我的JS：

js/js.js

$(document).ready(function () {
    $('.partnersiteinfo').hide();
    $('.toggle').on('click', function () {
        $('.partnersiteinfo').slideToggle();

        return false;
    });
    $(function () {
        $('#sortsitemap').on('click', '.toggle', function () {
            //Gets all <tr>'s  of greater depth
            //below element in the table
            var findChildren = function (tr) {
                var depth = tr.data('depth');
                return tr.nextUntil($('tr').filter(function () {
                    return $(this).data('depth') <= depth;
                }));
            };
            var el = $(this);
            var tr = el.closest('tr'); //Get <tr> parent of toggle button
            var children = findChildren(tr);

            //Remove already collapsed nodes from children so that we don't
            //make them visible. 
            //(Confused? Remove this code and close Item 2, close Item 1 
            //then open Item 1 again, then you will understand)
            var subnodes = children.filter('.expand');
            subnodes.each(function () {
                var subnode = $(this);
                var subnodeChildren = findChildren(subnode);
                children = children.not(subnodeChildren);
            });

            //Change icon and hide/show children
            if (tr.hasClass('collapse')) {
                tr.removeClass('collapse').addClass('expand');
                children.hide();
            } else {
                tr.removeClass('expand').addClass('collapse');
                children.show();
            }
            return children;
        }).find('.toggle').trigger('click');

    });
    $(function () {
        $("#tabs").tabs();
    });
});

$（文档）.ready（函数（）{
$（'.partnersiteinfo'）.hide（）；
$（'.toggle'）。打开（'click'，函数（）{
$（'.partnersiteinfo'）.slideToggle（）；
返回false；
});
$（函数（）{
$（'sortsitemap'）。在（'click'，'toggle'，函数（）{
//获取更深入的所有
//下面是表中的元素
var findChildren=函数（tr）{
var深度=tr数据（“深度”）；
返回tr.nextUntil（$（'tr'）.filter（函数）（）{
返回$（this.data（'depth'））不要用JavaScript隐藏元素。请改用CSS。另外，在显示
.partnersiteinfo
的
按钮上触发
点击
，这就是它默认可见的原因。
您在小提琴中触发点击事件，这就是它可见的原因。删除此部分，它就会工作

find('.toggle').trigger('click');

您正在触发点击事件。切换元素，因此…没有详细检查您的标记/代码，但可以解释它。多亏我在不同的jQuery效果中使用了相同的切换类