Question

嗨！我只是jquery函数的新手，我能够完成某些div的隐藏/显示功能，但我想在执行show div时以居中方式制作。现在这些div有一个内容但是当我点击从左到右显示的节目。有人可以将这些技巧集中在一起吗？

window.onload = function(){
    $('#show').click(function()
    {
        $('#nav').show('blind');
        $('#show').hide();
        $('#hide').show();
    });

    $('#hide').click(function()
    {
        $('#nav').hide('blind');
        $('#hide').hide();
        $('#show').show();
    });
}

Answer 1

使用.toggle（）同时隐藏和显示。不需要单独编写显示和隐藏功能

http://api.jquery.com/toggle/

<!DOCTYPE html>
<html>
<head>
<style>
p { background:#dad;
font-weight:bold;
font-size:16px; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<button>Toggle 'em</button>
<p>Hiya</p>
<p>Such interesting text, eh?</p>
<script>
$("button").click(function () {
$("p").toggle("slow");
});
</script>
</body>
</html>

jquery隐藏/显示功能

1 个答案: