Javascript Jquery滑动切换效果不平滑，工作不正常

这很管用，但效果很差

首先，对于打开：滑块将按钮向上打开（而不是向上）

---

第二，关闭：幻灯片动画不工作

您触发的内容超出了您的需要。仅触发器slideToggle（），不必担心类切换

（您还键入了css显示行）

工作小提琴：

希德布洛克先生{
显示：无；
}
点击这里


目标文本


$（文档）.ready（函数（）{
$（“#btm”）。单击（函数（）{
$（“#showid”）.slideToggle（）；
});
});

您触发的次数超出了您需要的次数。仅触发器slideToggle（），不必担心类切换

（您还键入了css显示行）

工作小提琴：

希德布洛克先生{
显示：无；
}
点击这里


目标文本


$（文档）.ready（函数（）{
$（“#btm”）。单击（函数（）{
$（“#showid”）.slideToggle（）；
});
});

您触发的次数超出了您需要的次数。仅触发器slideToggle（），不必担心类切换

（您还键入了css显示行）

工作小提琴：

希德布洛克先生{
显示：无；
}
点击这里


目标文本


$（文档）.ready（函数（）{
$（“#btm”）。单击（函数（）{
$（“#showid”）.slideToggle（）；
});
});

您触发的次数超出了您需要的次数。仅触发器slideToggle（），不必担心类切换

（您还键入了css显示行）

工作小提琴：

希德布洛克先生{
显示：无；
}
点击这里


目标文本


$（文档）.ready（函数（）{
$（“#btm”）。单击（函数（）{
$（“#showid”）.slideToggle（）；
});
});

您是否有一个工作不正常的示例？您不需要添加hideblock类。只需执行slideToggle（）函数。这将添加/删除“显示：无”；如果适用。键入

dispaly

。在cssHave中，您得到了一个工作不正常的示例？您不需要添加hideblock类。只需执行slideToggle（）函数。这将添加/删除“显示：无”；如果适用。键入

dispaly

。在cssHave中，您得到了一个工作不正常的示例？您不需要添加hideblock类。只需执行slideToggle（）函数。这将添加/删除“显示：无”；如果适用。键入

dispaly

。在cssHave中，您得到了一个工作不正常的示例？您不需要添加hideblock类。只需执行slideToggle（）函数。这将添加/删除“显示：无”；如果适用。键入

dispaly

。在cssThanks中，但我希望滑块在默认情况下隐藏…那么，在没有类的情况下，如何才能做到这一点呢？从hideblock类开始（就像现在一样），并修复CSS中的输入错误。应该会的，谢谢。你的代码可以工作。但在我的html页面中，对我来说不行。可能是因为其他js脚本。谢谢，但是我希望滑块在默认情况下是隐藏的…那么没有类我怎么做呢？从hideblock类开始（现在就是这样），并修复CSS中的输入错误。应该会的，谢谢。你的代码可以工作。但在我的html页面中，对我来说不行。可能是因为其他js脚本。谢谢，但是我希望滑块在默认情况下是隐藏的…那么没有类我怎么做呢？从hideblock类开始（现在就是这样），并修复CSS中的输入错误。应该会的，谢谢。你的代码可以工作。但在我的html页面中，对我来说不行。可能是因为其他js脚本。谢谢，但是我希望滑块在默认情况下是隐藏的…那么没有类我怎么做呢？从hideblock类开始（现在就是这样），并修复CSS中的输入错误。应该会的，谢谢。你的代码可以工作。但在我的html页面中，对我来说不行。可能是因为其他js脚本。谢谢

<style>
   .hideblock{
       dispaly:none;
    }
</style>

<span id="btm">click here</span>

<ul>
    <li id="showid" class="hideblock">
        <span>target text</span>
    </li>
</ul>

<script>
    $("#btm").click(function(){
        $("#showid").toggleClass("hideblock");
    });
</script>

$("#showid").slideToggle().toggleClass("hideblock");

<style>
   .hideblock{
       display:none;
    }
</style>

<span id="btm">click here</span>

<ul>
    <li id="showid" class="hideblock">
        <span>target text</span>
    </li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
    $("#btm").click(function(){
        $("#showid").slideToggle();
    });
});
</script>