Problemy z udostępnianiem pola wyszukiwania po kliknięciu przycisku Pokaż i ukrywanie po jego zamknięciu - javascript, jquery, wordpress

Próbuję wyświetlić przycisk wysyłania po kliknięciu pola wyszukiwania, a także próbuję ukryć go po zamknięciu pola (formularz znajduje się na głównym pasku nawigacyjnym) ...

To jest mój kod:

$(document).ready(function(){
$("#search-click").click(function(){
$(".search-form .search-submit").css("display" , "block");
});
});

To w ogóle nie działa ... to mój link: http://dev.pixstreammedia.com.s150147.gridserver.com/system/

Odpowiedzi:

Spróbuj tego:

http://jsfiddle.net/5UJ5U/1/

HTML:

<form>
<input type="search" class="searchclick" placeholder="search">

<input type="submit" class="sub" value="search">
</form>

JS:

$(".sub").hide();
$(document).ready(function(){
$(".searchclick").click(function(){
$(".sub").fadeToggle("fast");
});
});

1. Nie wyświetlasz właściwego identyfikatora: Twój przycisk ma identyfikator: search-submit-button i wyświetlasz blok drugiego elementu, ale nie ten identyfikator, więc rozwiązaniem jest dodanie #search-submit-button do funkcji bloku wyświetlacza.

2. Jeśli chodzi o ukrywanie, możesz zrobić lewy przycisk myszy, aby klasować: search-form następnie ukryj przycisk.

Działa, przycisk jest właśnie schowany pod spodem. Również w konsoli $ nie jest przypisany do jQuery, więc ręcznie użyłem twojego fragmentu kodu z jQuery.

jQuery(".search-form .search-submit").css("display" , "block");

Wpisz to w konsoli js, aby zobaczyć, że jest tam przycisk, ale widzisz tylko jego niewielką część.