Question

我将它设置为div，而不是span，我在CSS文件中设置了div的宽度和高度，我想我已经正确设置了所有语法，（因为show / toggle工作得很好），我只是找不到解决这个问题的方法。问题包含在div class =“col-md-4”中，它包含在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');
           }
    });
});

slideDown无法处理<div> Jquery

1 个答案: