您可以为搜索图标/按钮创建一个菜单项,并在HTML代码中检查其ID。然后可以使用jQuery单击函数来显示和隐藏搜索div。
例如,如果我的菜单项列表(li)id为menu-item-22
搜索表单容器类为search_div
然后这将是一个jQuery,用于在单击时显示/隐藏搜索表单。
$(\'#menu-item-22 a\').click(function(e) {
e.preventDefault();
$(\'.search_div\').toggle();
});
此外,搜索表单容器的位置将在CSS中定义。