jQuery, 다시로드하지 마십시오 - 어떻게 든

Question

jQuery 스크립트에 작은 문제가 있습니다.

<script language="javascript">
            $(document).ready(function(){
                $('.roll-li').click(function(){
                    if ($('.hideshow').is(":hidden")) {
                        $('.hideshow').slideDown("slow");
                    }
                    else {
                        $('.hideshow').slideUp("slow");
                    }
                });
            });
</script>

스크립트를 수정하는 방법이므로 위아래로 슬라이드하는 클래스 "은신처"가있는 Div는 기본적으로 숨겨져 있습니까?

Answer 1

CSS에서

.hideshow { display: none; }

jQuery에서 (가시성을 확인할 필요가 없으므로 SlidEtoggle () 만 사용하십시오.

$(".roll-li").click(function() {
    $(".hideshow").slideToggle("slow");
    return false;
});

(또한 jQuery를 통해 찾을 수있는 클래스 대신 ID를 사용하도록 HTML을 변경하는 것을 고려하십시오.

Answer 2

스크립트에서 그렇게 할 필요는 없습니다. 당신은 방금 넣었습니다 style="display: none" div에서 또는 추가하십시오 display: none CSS에 .hideshow.

Answer 3

<script language="javascript">
        $(document).ready(function(){
            $('.hideshow').hide();
            $('.roll-li').click(function(){
                if ($('.hideshow').is(":hidden")) {
                    $('.hideshow').slideDown("slow");
                }
                else {
                    $('.hideshow').slideUp("slow");
                }
            });
        });
</script>

라인을 추가하기 만하면됩니다.

$('.hideshow').hide();

그것이 내가 당신의 질문을 제대로 이해한다면입니다.