javascript - 第二个处理程序无法在切换事件内运行

Question

我尝试使用切换创建简单的显示/隐藏框，但是当框打开时，按钮将更改为“-”，当框关闭时，按钮将更改回“+”

你可以查看我的jsfiddle here

我尝试使用第一个和第二个处理程序来使用此代码

$(document).ready(function () {
    //default
    $('.content').hide();

    $('#b_1').click(function () {

        $('.content').toggle(function () {
            $('#b_1').prop('value', '-');    //first handler
        },
            function() {
            $('#b_1').prop('value', '+');    //second handler
        });

    });
});

但是第二个处理程序不工作..

Answer 1

我见过有人在 toggle 中使用第二个处理程序。但据我所知，toggle 函数中没有第二个处理程序。检查 docs ..(如果我错了请告诉我)..如果是toggle-event然后它在 jQuery 1.8 中被弃用并在 jQuery 1.9 中被删除。

无论如何，这就是我将如何解决您的问题

$('#b_1').click(function () {

 $('.content').toggle('slow',function () {
     if($('.content').is(':visible')){
        $('#b_1').attr('value', '-');
     }else{
        $('#b_1').attr('value', '+');
     }
 });
 });  

正在工作fiddle here