Question

我有以下内容：

<span id="readMoreAmhausLink"><a style="color: #213d92" class="textlink" id="readMoreAmhaus"href="#"> ...Read More</a></span>
<span id = "bioAmhaus">text text text text text text text.<a style="color: #213d92" class="textlink" id="bioAmhausClose" href="#"> Close &uarr; </a></span>

$('#bioAmhaus').hide();

$('#readMoreAmhaus').click(function (e) {             
    $('#bioAmhaus').slideDown(1000);
    $('#readMoreAmhausLink').hide();
    e.preventDefault();
});

$('#bioAmhausClose').click(function (e) {
    $('#bioAmhaus').slideUp(1000);
    $('#readMoreAmhausLink').show();
    e.preventDefault();
});

当我执行slideDown时，我遇到的bioAmhaus跨度问题很快。但是当我做一个slideUp时它很慢。我喜欢slideDown也很慢。

如果我将其更改为以下内容，我会得到一个缓慢的slideDown和slideUp，但是使用div，文本会转到下一行。我喜欢这个文字与跨度的方式保持一致。

<span id="readMoreAmhausLink"><a style="color: #213d92" class="textlink" id="readMoreAmhaus"href="#"> ...Read More</a></span>
<div id = "bioAmhaus">text text text text text text text.<a style="color: #213d92"    class="textlink" id="bioAmhausClose" href="#"> Close &uarr; </a></div>

Answer 1

将.slideUP和.slideDown更改为2000，以便向下滑动以及向上滑动。

$('#bioAmhaus').hide();

$('#readMoreAmhaus').click(function (e) {             
    $('#bioAmhaus').slideDown(2000);
    $('#readMoreAmhausLink').hide();
    e.preventDefault();
});

$('#bioAmhausClose').click(function (e) {
    $('#bioAmhaus').slideUp(2000);
    $('#readMoreAmhausLink').show();
    e.preventDefault();
});

使用Span vs Div快速下载SlideDown

1 个答案: