загрузка содержимого с помощью $ .get и slideDown элемента updadet

Question

Я пытаюсь загрузить данные в элемент, используя jQuery.get.После того, как загрузка завершена, div должен быть обновлен с этим содержимым, чтобы слайд-вниз содержимого.

Для примера, пожалуйста, посмотрите на эту скрипку: http://jsfiddle.net/7BKXq/1/ .. где вы можете найтиследующий conde:

function loadAndOpen(parent)
{
    var o_parent=$(parent);
    var url="jttp://myurl";
    o_parent.append('<div id="content">...loading...</div>');
     jQuery.get(url,function(data)
                        {
                        o_parent.find('#content')
                            .html(data)
                            .hide()
                            .slideDown('8000');
                        }
                    )   ;
}

Проблема в том, что slideDown отображает элемент после загрузки содержимого, но не плавно перемещает его.

Возможно, неправильное использование метода .slideDown?

Спасибо!

Answer 1

Я думаю, что ваша основная проблема заключалась в одинарных кавычках во время слайда, из-за чего он представлял собой строку вместо целого числа.

Я немного отредактировал, мне все еще не нравится, как вы вызываете функцию, но, честно говоря, я не могу заставить ее делать то, что я хочу, с помощью наблюдателя событий jQuery: http://jsfiddle.net/7BKXq/8/

function loadAndOpen(parent){
    var o_parent=$(parent);
    if(o_parent.children().length > 0) o_parent.children().remove();
    var url="http://api.geonames.org/postalCodeLookupJSON?postalcode=6600&country=AT&username=demo";
    o_parent.append('<div id="content">...loading...</div>');
     jQuery.get(url,function(data)
                        {
                        o_parent.find('#content')
                            .slideUp(100, function(){
                                $(this).html(data).slideDown(8000);
                            });
                        });
}