Problémy pri vyhľadávaní po kliknutí na tlačidlo Zobraziť a skryť, keď sa zavrie - javascript, jquery, wordpress

Pokúšam sa zobraziť tlačidlo Odoslať, keď kliknem na vyhľadávacie pole, a tiež sa ho snažím skryť, keď sa pole zavrie (formulár je umiestnený na hlavnej navigačnej lište) ...

Toto je môj kód:

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

Vôbec to nefunguje ... toto je môj odkaz: http://dev.pixstreammedia.com.s150147.gridserver.com/system/

odpovede:

Skúste to:

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. Nezobrazujete správne ID: vaše tlačidlo má ID: search-submit-button a zobrazíte blok druhého prvku, ale nie tohto ID, takže riešením je pridať #search-submit-button k vašej funkcii bloku displeja.

2. Pokiaľ ide o úkryt, mohli by ste urobiť myší výstup, do triedy: search-form potom skryť tlačidlo.

Tlačidlo pracuje len pod ním. Tiež v konzole $ nie je priradené k jQuery, takže som musel priamo použiť váš úryvok s jQuery.

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

Napíšte to do svojej konzoly js, aby ste videli, že tlačidlo tam je, ale vidíte iba jeho malú časť.