jquery - toggleClass display:none 初始负载设置为 display:none

Question

我正在使用 .fold 类切换选定的目标，显示：无。

在 window.load 上，我选择目标和 addClass('fold')，以便最初不显示目标。

但是，当切换时，显示不会停留在 css 指定的边距内。

如果我不尝试先隐藏目标，则 toggleClass 有效（遵守原始显示规则）。

我也尝试过 addClass('fold')，然后是 toggleClass('unfold')。这导致切换不起作用。

CSS：

.unfold{
display: block;
}
.fold {
    display: none;
}

$(function(){
$('.octothorpe').on({
    click:function(e){     
        e.preventDefault();
        var $pfold = $(this).closest('.octowrap').siblings('p');
        var $cfold = $(this).closest('.docs').siblings('.code');
        var $sector = $(this).closest('.section');
        var $h2 = $sector.nextUntil('.section:has(h2)').slice(0,-1);

        $pfold.toggleClass('fold');   
        $cfold.toggleClass('fold');   
        $h2.toggleClass('fold');

    }});
});

//on page load click all octothorpe
$(window).load( function() {
        var $pfold = $('.octothorpe').closest('.octowrap').siblings('p');
        var $cfold = $('.octothorpe').closest('.docs').siblings('.code');
        var $sector = $('.octothorpe').closest('.section');
        var $h2 = $sector.nextUntil('.section:has(h2)').slice(0,-1);

        $pfold.addClass('fold');        
        $cfold.addClass('fold');        
        $h2.addClass('fold');

});