用JS下拉

Question

我通过编辑模板在我的网站上工作，但有一个下拉菜单不起作用。 缺少下拉菜单CSS。 如何使用CSS和/或JS修复它？ 以下是HTML代码：

  $sql=$MySQLiconn->query("UPDATE users SET (select Field from changes  WHERE id= .$del) = 
(select NewValue from changes  WHERE id=".$del WHERE user.Mail = changes.Mail”;)

编辑： 我使用了你用jquery给我建议的解决方案，但现在又出现了另一个问题......

当菜单打开时，侧面按钮会在其下方移动，从而破坏整个菜单..

在：

在：

我该如何解决？

Answer 1

这是使用jquery的工作代码：

添加jquery库 - https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js

然后将此代码放在脚本部分：

$(document).ready(function(){
  $('#ddnmenu').click(function(){
    $('#ddnmenu_popup').slideToggle();
  })
})

添加此css：

#ddnmenu_popup{
   position:absolute;
} 

Answer 2

您可以点击$( ".popup_menu" ).toggle();链接#ddnmenu。但首先您应该删除style="display: none;"

$( "#ddnmenu" ).click(function() {
   $( ".popup_menu" ).toggle();
});

Answer 3

您需要通过JavaScript设置样式属性。

HTML：

<a onclick="openDropdown()" href="#" id="ddnmenu">Bentornato {$mybb->user['username']}! <i class="fa fa-caret-down"></i></a>
<div id="ddnmenu_popup" class="popup_menu" style="display: none;">
   ...
</div>

JS：

function openDropdown() {
    document.getElementById('ddnmenu_popup').style.display = 'block';
}