将鼠标悬停在按钮显示屏的隐藏文本框上

Hover over button display's hidden textbox

本文关键字：隐藏 文本 显示屏 鼠标 悬停 按钮      更新时间：2023-09-26

我正在尝试创建一个简单的搜索栏，一旦您将鼠标悬停在一个简单的按钮上，它将在左侧显示一个文本框。我如何能够用CSS和javascript来做到这一点。使用大卫·弗雷戈利响应后， 

$('#idofthebutton').hover(function () {
$('#idoftextbox').show();
}, function () {
$('#idoftextbox').hide();
});
一旦我单击搜索，或者由于悬停

功能仅在按钮上，我如何能够修复它，或者允许我将鼠标悬停在文本框上。因此，尝试使用它时文本框将消失。

$('#idofthebutton').hover(function () {
    $('#idoftextbox').show();
}, function () {
    $('#idoftextbox').hide();
});

像这样的东西？

例

它只是在触发#one的:hover状态时设置#two display: block

相关文章：