토글 클릭시 확장 가능한 검색 상자가 있습니다. 마우스 토글 호버에 표시되도록 검색 상자를 변경하고 싶으므로 JS 코드를 다음과 같이 변경했습니다.
jQuery(document).ready(function($) {
$(".search-toggle").hover(function() {
$("#search-container").slideToggle('fast', function() {
$(".search-toggle").toggleClass('active');
});
});
});
하지만 검색 창은 마우스를 놓으면 바로 사라져서 검색을 할 수 없습니다.
당신이 요청한 것처럼.
이것이 제대로 작동하려면 검색 창 컨테이너 안에 호버 버튼이 있어야합니다. 또한 작업을 위해 불투명도와 검색 막대의 너비 및 패딩을 변경 한 CSS를 확인하십시오.
var searchContainer = $("#search-container");
$(".search-toggle").hover(function () {
searchContainer.slideDown('fast');
});
//hide when search button clicked
$('input[type=submit]').on('click', function(){
searchContainer.slideUp('fast');
});
searchContainer.mouseleave(function(){
searchContainer.slideUp();
});
업데이트 된 답변 :
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다