مسج، لا تحميل - بطريقة أو بأخرى

Question

ولدي مشكلة صغيرة مع بلدي النصي مسج.

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

وكيفية تعديل السيناريو، لذلك شعبة أن شعبة مع فئة "hideshow" انني slideing صعودا وهبوطا، سوف تكون مخفية على الافتراضي؟

Answer 1

في المغلق،

.hideshow { display: none; }

في مسج (لا حاجة لفحص الرؤية، ومجرد استخدام slideToggle ()

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

و(تنظر أيضا في تغيير أتش تي أم أل لاستخدام هويات بدلا من الطبقات، والعثور على هذه عن طريق مسج هو أكثر كفاءة)

Answer 2

وأنت لا حقا بحاجة للقيام بذلك في البرنامج النصي. عليك فقط وضع style="display: none" على شعبة، أو إضافة 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();

وهذا إذا فهمت سؤالك بشكل صحيح.