Question

我有：

<script>
$(document).ready(function(){
    $('#open').toggle(
        function(){
        $('#login form').slideDown(300);
        $(this).addClass('close');
    },
        function(){
            $('#login form').slideUp(300);
            $(this).removeClass('close');
    });
});
</script>

<div id="login">
        <p id="open">Login</p>
        <form>
            <p>
                <label for="username">Username:</label>
                <input type="text" name="username" id="username">
            </p>
            <p>
                <label for="password">Password: </label>
                <input type="text" name="password" id="password">
            </p>
            <p>
                <input type="submit" name="button" id="button" value="Submit" >
            </p>
        </form>
    </div>

使用新版本的jQuery。有什么可能是实现同样行为的另一种方式？

Answer 1

在这种情况下，您可以使用click()处理程序以及slideToggle()和toggleClass()

$(document).ready(function () {
    $('#open').click(function () {
        $('#login form').slideToggle(300);
        $(this).toggleClass('close');
    });
});

演示：Fiddle

但是如果您正在寻找一般替代品，您可以查看不同的toggleClick（）方法，例如this one

Answer 2

你能做什么：

$(document).ready(function(){
    var clicks = 0;
    $(element).event(function(){
        clicks++;
        if (clicks % 2) {
            //Some stuff to do if odd
        } else {
            //Some stuff to do if even
        }
    });
});

自1.9以来jquery旧的切换替代品

2 个答案: