2

我已经在 stackoverflow 上查看了这个问题的答案，我确信这只是我正在做的一些愚蠢的事情。

我有一堆 div 只显示标题，直到单击 div，然后子跨度应该顺利滑下。再次单击 div 时，跨度应隐藏。

切换正在工作，但是向下滑动组件并不平滑（只是立即出现在页面上）。

这是其中一个块的 html..

<div class="masterscourse">
    <h3>IPM 7790: Special Topics</h3>
    <span class="coursedescription">
    This course provides students an opportunity to explore topics not specifically addressed in a regular course offering, and that are of interest to practitioners and students
    </span>
</div>

jQuery..

<script>
    $(document).ready(function() {
    $('.masterscourse span').hide();
    $(".masterscourse").click(function(){
        $('span', this).slideToggle('normal');
    });
    });
</script>

我觉得这应该相对简单，所以我确定我在做的事情很愚蠢。任何帮助将不胜感激。

4

1 回答 1

3

问题是内联元素不能很好地处理高度动画。一个简单的解决方法是赋予以下span风格display:block：

http://jsfiddle.net/AmKVd/

span.coursedescription {
    display:block;
}

您也可以使用 adiv而不是 a span。

于 2013-10-22T00:13:57.203 回答