JQuery show hide

У меня есть этот код, но я хочу скрыть .test при загрузке окна. Это функция переключения. Я не даю css. Надеюсь, это легко, но я не могу это решить.JQuery show hide

<script> 
$('#toggleDiv').toggle(function() { 
    $('.test').delay(500).animate({ 
     'opacity': 0, 
     'right': '-100%' 
    }); 
    $(this).delay(1000).queue(function(n) { 
     $(this).html('show'); 
     n(); 
    }); 
}, function() { 
    $('.test').delay(500).animate({ 
     'opacity': 1, 
     'right': '0%' 
    }); 
    $(this).delay(1000).queue(function(n) { 
     $(this).html('hide'); 
     n(); 
    }); 
}); 
    </script>

HTML

<pre> 
<div id="toggleDiv">hide</div> 
<div class="test">This secret has been passed down from generation to generation in our family and it reveals how to win a man’s heart.</div> 
</pre>

источник

2013-12-04 Ashraf Bin Akbar

Что не так с кодом вы предоставили? – showdev

Вы использовали ['.hide()'] (http://api.jquery.com/hide/) раньше? – admdrew

Убедитесь, что ваш код работает после того, как веб-сайт был создан. Для этого либо поместите свои теги '

Попробуйте использовать .hide() и .show() функции вместо.

источник

2013-12-04 20:28:47

$(document).ready(function() { 
    $(".test").hide(); 
});

источник

2013-12-04 22:12:18

<script> 
$(document).ready(function(){ 
        $("#toggleDiv").click(function(){ 
        $("#test").toggle(); 
        }); 
       }); 
</script>

источник

2013-12-04 22:19:36

Смежные вопросы