slideDown 不适用于 <div> Jquery

Question

我将其设置为 div，而不是跨度，我在 CSS 文件中设置了所述 div 的宽度和高度，我想我已经正确设置了所有语法，（因为显示/切换工作正常） ，我只是找不到解决此问题的方法。有问题的包含在 div class="col-md-4" 中，该 div 包含在 div class="container" 中。当您打开页面时，文本已经隐藏，所以这不是问题。因此，我一直无法找到答案。我基本上只是希望网站用户单击“查看详细信息”，让 div 向下滑动显示文本，将按钮更改为“隐藏详细信息”（这部分工作正常），然后当“隐藏详细信息”时 Div 再次消失点击。

https://jsfiddle.net/LLdmvm7s/3/ 在这里它似乎工作，动画和所有，但在实际网页上它只是没有。没有动画，文字不显示。我想知道它是否是图像？我不知道，我还是个初学者。

$(document).ready(function(){
$("#hiddentext1").hide();

    $("#button21").click(function(){
       $("#hiddentext1").slideDown();
       var txt = $(this).text();
       if (txt == "View details")
           {
               $(this).text('Hide details');
           }
       else 
           {
               $(this).text('View details');
           }
 }):     

Answer 1

你最后错过了});

还有一个:，应该是;

$(document).ready(function(){
    $("#hiddentext1").hide();

    $("#button21").click(function(){
        $("#hiddentext1").slideToggle();
       var txt = $(this).text();
       if (txt == "View details")
           {
               $(this).text('Hide details');
           }
       else 
           {
               $(this).text('View details');
           }
    });
});