Javascript 在div上打开块单击div'；HTML格式的

我已经对HTML进行了一些更新，如果您愿意使用JavaScript，请参阅下面的代码，它将按照您的期望工作

以下是JSFIDLE链接：

JS代码是：

<script type="text/javascript">
$(document).ready(function () {
    $('.lsiting-main .closedlanguage').click(function (event) {
        event.preventDefault();
        var target = $('.thelanguage');
        $(target).toggleClass('hidden show');
        $('.thelanguage').css('display', 'block');
    })
});

 <script>
 document.getElementById("technologyclosedlanguage").addEventListener("click", myFunction);

function myFunction(){
            var thelanguage = document.getElementById("thelanguage");
            var technology =  document.getElementById("technologyclosedlanguage");     
            thelanguage.style.display="block";
            technology.className = "technologyopenlanguage";
            alert(technology.className); //class name changed.
}
</script>

document.getElementById（“technologyclosedlanguage”）.addEventListener（“单击”，myFunction）；
函数myFunction（）{
var thelanguage=document.getElementById（“thelanguage”）；
var technology=document.getElementById（“technologyclosedlanguage”）；
language.style.display=“block”；
technology.className=“technologyopenlanguage”；
警报（technology.className）；//类名已更改。
}

HTML代码是：

<script type="text/javascript">
$(document).ready(function () {
    $('.lsiting-main .closedlanguage').click(function (event) {
        event.preventDefault();
        var target = $('.thelanguage');
        $(target).toggleClass('hidden show');
        $('.thelanguage').css('display', 'block');
    })
});

 <script>
 document.getElementById("technologyclosedlanguage").addEventListener("click", myFunction);

function myFunction(){
            var thelanguage = document.getElementById("thelanguage");
            var technology =  document.getElementById("technologyclosedlanguage");     
            thelanguage.style.display="block";
            technology.className = "technologyopenlanguage";
            alert(technology.className); //class name changed.
}
</script>

查看详细信息通知
语言

......
......

让我知道它是否有效，并帮助您。快乐编码。

将脚本更改为：

    <div class="lsiting-main">
  <div class="row">
  <div class="col-md-8">
  <div class="col-md-4 text-right">
    <span class="close-list">
    <span class="funded-list">
    <span class="new-list">
      <div class="technologyclosedlanguage" id="technologyclosedlanguage" headerindex="0h">
          <span class="accordprefix"> </span>
             View Detail Notice
          <span class="accordsuffix"></span>
      </div>
    </div>
</div>
<div class="thelanguage" id="thelanguage" contentindex="0c" style="display: none;">
   <div align="center">
   <div class="big-listing-details">
       The Language
</div>
<hr>
</div>
<div class="lsiting-main">
......
</div>
<div class="lsiting-main">
......
</div>

$（文档）.ready（函数（）{
$（“.closedlanguage”）。单击（函数（事件）{
var目标=$（“.thelanguage”）；
$（目标）.toggleClass（“隐藏”）；
$（.hidden”）.css（“显示”、“无”）；
event.preventDefault（）；
});

Welcome@Roshan。您可以使用

$（选择器）.addClass（classtobedded）.removeClass（classToBeRemoved）

。您也可以尝试使用$.toggleClass（），或者，$.toggle（）是

语言

块中只有一个块吗？还是每个

lsiting main

块后都有一个？“语言”块在每个“lsiting main”分区中。