jquery ajax 결과가 div가 아래로 내림차순으로 표시

Question

모든 사용자의 드롭 다운 목록이있는 페이지가 있습니다. 사람이 드롭 다운에서 누군가를 선택하면 나는 아약스 전화를 끊고 사용자의 정보를 얻는다. 모든 것이 잘 작동합니다. 내가 꽤 아래로 슬라이드하는 div에 아약스 호출의 결과를 표시하려고합니다.

function getInfo(id) 
{ 
     $.ajax({ 
        type: "GET", 
        url: "users/userInfo.php", 
        data: "userId=" + id, 
        success: function(result){ 
        $("#userData").html(result); 
        } 
       }); 
$("#userData").hide(); 
$("#userData").slideDown('slow'); 
}; 

과 사람이,이 미끄러지지 않도록 만드는 첫 번째 선택에

, 그것은 바로 나타납니다

내가이 시도. 그러나 사람이 다른 옵션을 선택하면 슬라이드가 완벽하게 작동합니다. 슬라이드에 대한 첫 번째 아약스 응답을 얻으려면 어떻게해야합니까?

나는 슬라이드하기 위해 숨겨져 있어야한다는 것을 알기 때문에 .hide()를 추가했습니다. 애니메이션을 시도했는데 재앙이었습니다 ...

Answer 1

통화를 재정렬해야합니다. ayax 호출 전에 hide을 이동하십시오. 그런 다음 성공 콜백의 내부에 slidedown 이동 :

function getInfo(id) 
{ 
    $("#userData").hide(); 
    $.ajax({ 
      type: "GET", 
      url: "users/userInfo.php", 
      data: {userId: id}, 
      success: function(result){ 
       $("#userData") 
        .html(result) 
        .slideDown('slow'); 
     } 
    }); 
}; 

Answer 2

나는 두 가지 기능 탐색을위한 나의 홈페이지에 아약스 호출 hide 다음 slidedown을 시도했지만 성공하지 않았다. Here은 내 웹 사이트이므로 다운로드를 클릭하면 처음으로 작동한다는 것을 알 수 있습니다. 다시 클릭하면 숨겨집니다.

Here은 제 js입니다. 힌트를 주시면 감사하겠습니다.

function download() { 

//$('#download').hide(); 

$.post(ajfile+'download', function(res) { 

    $(".container").css("display","none"); 

    $('#download').html(res); 
}); 

}

내가 링크와 JS를 호출하는 PHP 코드로 묶으 :

<div id="header" > 

    <ul id="navigation"> 

    <?php 
    # links 
    foreach ($nav as $nav2) { 

     echo '<li><a href="#'.lcfirst($nav2).'">'.$voc[$nav2].' ('; 

     # ü not possible as dec value 
     if ($nav2== 'Aboutus') 
      echo 'u'; 

     else 
      echo lcfirst(substr($voc[$nav2],0,1)); 

     echo ') </a></li>'; 

    } ?> 

    </ul> 
    <input type=button onclick=download() value=Download(l)> 
</div> 

Here 인을

내가 클릭 다운로드 호출되는 JS 기능을 묶으 내가 사용하는 자습서는 키 누르기와 링크를 사용하여 웹 사이트를 만드는 방법을 보여줍니다.

기본적으로 나는 a 태그 내에서 href 속성을 탐색 링크로 사용합니다. 또한, 나는 keypressed 리스너 이벤트가 있습니다. 따라서 링크를 클릭하거나 키를 누를 때마다 ID가있는 div가 콘텐츠 표시를 호출합니다. 나머지 내용은 js css() 메소드로 숨겨집니다.