Javascript Can'；无法单击以显示更多文本

我对编程相当陌生，想制作一个按钮来显示更多内容。但是，不管我做什么，按钮都不起作用。我已经做了一个块，如果下面不清楚的话，它应该会掉下来显示更多的文本。如果你能帮助一个新手，我将不胜感激

这里是Javascript

function hejhej()
    var x = document.getElementById("button-area").href;
    document.getElementById("show-more").InnerHTML = x;

    button.onclick = function() {
        if(content.className =="open")
        //shrink the box
        content.ClassName = "";
        button.innerHTML = "Show More"

    } else{
        //Expand the box
        content.ClassName = "open";
        button.innerHTML = "Show Less"
     
    }

和CSS来下拉文本

  .show-more {
      font-family: calibri;
      text-align: center;
      background-color: #1594e5;
      color: #fff;
      width: 100px;
      height: 50px;
      font-size: 24px;
      border-color: #1594e5;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
  }
  .button-area {
      width: 527px;
      height: 100px;
      background-color: #1e1e1e;
      color: #E7E1D1;
      margin: 0px;
      margin-top: -4px;
      position: relative;

      max-height: 100px;
      overflow: hidden;

      /* Till övergångar. */
      -webkit-transition: max-height 0.7s;
      -moz-transition: max-height 0.7s;
      transition: max-height 0.7s;

  }
  #button-area.open {
      max-height: 400px;

      /* Till övgergångar neråt */
      -webkit-transition: max-height 0.7s;
      -moz-transition: max-height 0.7s;
      transition: max-height 0.7s;
  }

如果用于任何用途，则使用普通HTML代码

<div class="button-area">    
    Test test very much test as i said i tested the test
</div>

<button onclick="hejhej()" class="show-more">Tryck</button>
<script src="src/js/ExtremtJava.js"></script>

如我所说，我测试了这个测试
特里克

希望这能让你开始。我主要是评论我对你的代码所做的修改，但是你主要有大量的语法错误

//修复了大量语法错误。正确关闭功能并清除多余的
//括号/代码
函数hejhej（）{
var buttonArea=document.getElementById（'按钮区域'）；
如果(
buttonArea.classList.contains（'open'）
) {
//缩小盒子
buttonArea.innerHTML=“显示更多”；
buttonArea.classList.remove（“打开”）；
}
否则{
//展开框
buttonArea.innerHTML=“显示较少”；
buttonArea.classList.add（“打开”）；
}
}

。显示更多信息{
字体系列：calibri；
文本对齐：居中；
背景色：#1594e5；
颜色：#fff；
宽度：100px；
高度：50px；
字体大小：24px；
边框颜色：#1594e5；
文本转换：大写；
光标：指针；
位置：相对位置；
}
.按钮区{
宽度：527px；
高度：100px；
背景色：#1E；
颜色：#E7E1D1；
边际：0px；
利润上限：-4px；
位置：相对位置；
最大高度：100px；
溢出：隐藏；
/*蒂尔沃·温加*/
-webkit过渡：最大高度，高度：0.7s；
-moz过渡：最大高度，高度：0.7s；
过渡：最大高度，高度0.7s；
}
.打开{
高度：150像素；
最大高度：150像素；
}

如我所说，我测试了这个测试
Tryck

该函数看起来不像有开始和结束括号

{}

嘿！首先，感谢您的帮助，代码现在可以运行了。但是现在，与div

Test Test中的文本不同，我说了很多Test Test，我测试了Test

显示了或多或少的内容，在查看代码后，这是可以理解的，因为我最初是这样写的。我可能很笨，但我对Javascript也是新手。我该如何将div文本放在里面呢？非常感谢，为此付出了很多努力！