2009-08-12 6 views
3
<script type="text/javascript"> 
$(document).ready(function() { 


    $('#description').show(); 
    $('#extender').click(function() { 
    $('#description').slideToggle("fast"); 

    }); 

}); 
</script> 

<tr> 
    <td>cell1</td> 
    <td><a href="#" id="extender">link</a></td> 
    </tr> 
    <tr id="description"> 
    <td colspan="2" class="desc">This should span two columns but it doesnt bla jaajja</td> 
    </tr> 
    <tr> 
    <td>cell1</td> 
    <td>cell2</td> 
    </tr> 

답변

2

테이블 요소를 움직이는 데 문제가있을 수 있습니다. 이에 대한 해결 방법은 TD의 본문을 DIV에 넣고 DIV에 애니메이션을 적용하는 것입니다. 내 코드에서

나는 이런 식으로 뭔가를 사용

 var el = $("TR.post_"+_id+' TD'); 
     el.wrapInner("<div/>"); 
     $("TR.post_"+_id+' TD DIV').slideUp('500'); 
     setTimeout(function(){el.remove()},500); 
관련 문제