Показать еще/Меньше Div, Функциональность обратного вызова

Question

С удовольствием встретим вас всех. Я новичок в этом, но слишком амбициозен.

Я сделал шоу/спрятал Div, пропустив некоторые углы, и хотя он работает, он все еще неаккуратный. Задержки намеренно существуют, потому что я не мог заставить обратные вызовы работать. Это может быть проблемой, если в поле содержимого имеется невозможное количество текста ... не говоря уже о том, что не будет больно учиться для будущих проектов.

Так что я делюсь этим, прося критики, так как он очень избивает и спрашивает, как заставить обратный вызов работать в первую очередь. (и, конечно, чувствовать себя ОЧЕНЬ свободно использовать код, если это необходимо.)

Here это скрипка.

$("#open").click(function() { 
    $(this).hide("fast"); 
    $("#content").delay(50).show("fold"); 
    $("#close-bottom,#close-top").delay(800).fadeIn(0); 
}); 

$("#close-bottom,#close-top").click(function() { 
    $("#close-bottom,#close-top").hide("fast"); 
    $("#content").hide("fold"); 
    $("#open").delay(300).fadeIn(0); 
}); 

Answer 1

вы можете добавить вызов обратно в качестве второго аргумента после "fold" как так:

$("#open").click(function() { 
    $(this).hide("fast"); 
    $("#content").show("fold", function() { 
     $("#close-bottom,#close-top").fadeIn(0); 
    }); 
}); 

$("#close-bottom,#close-top").click(function() { 
    $("#close-bottom,#close-top").hide("fast"); 
    $("#content").hide("fold", function() { 
     $("#open").fadeIn(0); 
    }); 
}); 

jsfiddle demo

согласно .show или .hide документации вызов метода с .show([duration ] [, easing ] [, complete ]) был добавлен в JQuery 1.4.3 и поддерживает вызов только с easing и complete callback function (который будет поддерживать значение по умолчанию 400 продолжительность)