我如何使用php切换按钮

Question

Bootstrap Toggle按钮似乎拒绝使用php。

See Code

<div style="width:100%; height:auto; padding:10px 0; background:#0F71BA; font-family:Verdana; color:#fff;" onclick="toggleDept()">
        <span style="margin-left:10px;"> Select Department  </span>
        <i class="fa-chevron-down fa" style="float:right; margin-right:10px; cursor:pointer"></i>
</div>
<div style="width:100%; background:#fff; height:400px; overflow:auto; display:none" id="dept-sub-list-mobile">
        <?php...

Click Departments dropdown in mobile mode to understand the issue

Answer 1

您的页面上没有toggleDept JavaScript功能； 将以下代码添加到您的javascript文件中

function toggleDept(){ 
    $('#dept-sub-list-mobile').toggle(); 
}

Answer 2

  

在javascript中，您可以这样做：-

 function toggleDept(){ 
    var x = document.getElementById("dept-sub-list-mobile");
      if (x.style.display === "none") {
        x.style.display = "block";
      } else {
        x.style.display = "none";
      }
    }

Answer 3

您必须在页面上添加toggleDept()函数javascript函数。对于切换功能，我们使用jQuery toggle()方法。这是代码：

function toggleDept(){ 
    $('#dept-sub-list-mobile').toggle(); 
}