Nascondere div con jQuery

Marcello.Fiore

Nuovo Utente
14 Giu 2016
10
1
3
32
Salve a tutti, ho un piccolo problema sto cercando di nascondere un div
Spiego brevemente: ho un form con tre campi uno input e due select, quando si scrive nel campo input mi si apre un div dove uno script php elabora i dati e restituisce i risultati in un div #a, con jQuery naturalmente alla funzione .keydown faccio mostrare il div #a dove verrano mostrati i risultati elaborati da php (sarebbero dei dati provenienti da DB) ora vorrei che se cliccassi sul link mi aprirebbe il link, se invece non si clicca ma si cambia input del form questo si nascondesse di nuovo.. diciamo che ci siamo quasi, solo che il div mi rimane sempre aperto... se imposto una funzione .focusout sul capo input non mi permette di cliccare sulla tendina che si apre.. il div #a

sapreste indicare su quale evento far nascondere il div? non ci sto arrivando...!
grazie mille, posto il codice
Codice:
$(document).ready(function(){
    $("#div-risultato").hide();
    //AL TOCCO DEI TASTI
    $("#suchen").keydown(function(){
      var dati = $("#cerca").serialize(); //recupera tutti i valori del form automaticamente
      //form invio dati post ajax
      //invio
      $.ajax({
      type: "POST",
      url: "pre-ricerca.php",
      data: dati,
      cache: false,
      processData: false,
      dataType: "html",
      success: function(msg)
        {
          $("#div-risultato").show("slow");
          $("#div-risultato").html(msg);

        },
      error: function()
        {
          alert("Chiamata fallita, si prega di riprovare...");
        }
      });//ajax
    });
    //AL TOCCO DEI TASTI
    $("#suchen").keypress(function(){
        var dati = $("#cerca").serialize(); //recupera tutti i valori del form automaticamente
        //form invio dati post ajax
        //invio
        $.ajax({
        type: "POST",
        url: "pre-ricerca.php",
        data: dati,
        cache: false,
        processData: false,
        dataType: "html",
        success: function(msg)
          {
            $("#div-risultato").show("slow");
            $("#div-risultato").html(msg);

          },
        error: function()
          {
            alert("Chiamata fallita, si prega di riprovare...");
          }
        });//ajax

    });
    $("#div-risultato").focusout(function(){
        $("#div-risultato").hide();
    });

});
 

Marcello.Fiore

Nuovo Utente
14 Giu 2016
10
1
3
32
si, ma sarebbe una tendina che si apre sotto ad un campo text di un form, praticamente sono dei suggerimenti per la ricerca... tipo un autocompletamento di google... cmq ho risolto grazie mille!
 

fabbio

Nuovo Utente
14 Mar 2017
4
0
1
37
Salve a tutti, anche io avrei necessità di nascondere un div (si tratta di un menu supplementare in tema wordpress) la parte dello script nella pagina "funzioni del tema" è questa:
Codice:
}
 
    function block_sec_menu_mobile() {
        ?>
        <script>
            jQuery(document).ready(function(){
                jQuery('.menu-topmenu li').each(function() {
.hide("slow",function()
                    jQuery('<option />',{
                    'value':jQuery(this).find('a').attr('href'),
                    'text':jQuery(this).find('a').html()
                    }).appendTo(jQuery('#mobile-sec-menu'));
                });
            });
        </script>
        <?php
    }
le ho provate tutte. "none", "false", "hide" ma non funzionano.
probabilmente lo inserisco nel posto sbagliato. potete aiutarmi per favore? non conosco questo codice

grazie mille ragazzi!
 
Ultima modifica:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
Codice:
jQuery('.menu-topmenu').hide();
puoi inserirlo fuori dal ciclo each();
 

fabbio

Nuovo Utente
14 Mar 2017
4
0
1
37
Grazie! ma non ho capito benissimo. devo sostituire quella stringa con la tua? ... mi faresti una mega cortesia? potresti modificare il codice da me postato con la tua modifica? così la incollo per intero e non mi sbaglio! grazie mille
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
PHP:
function block_sec_menu_mobile() {
    ?>
    <script>
        jQuery(document).ready(function () {
            jQuery('.menu-topmenu li').each(function () {                   
                jQuery('<option />', {
                    'value': jQuery(this).find('a').attr('href'),
                    'text': jQuery(this).find('a').html()
                }).appendTo(jQuery('#mobile-sec-menu'));
            });
            jQuery('.menu-topmenu').hide();
        });
    </script>
    <?php
}
o anche cosi
PHP:
function block_sec_menu_mobile() {
    ?>
    <script>
        jQuery(document).ready(function () {
            jQuery('.menu-topmenu').hide();
        });
    </script>
    <?php
}
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Javascript Nascondere Div con id numerico dinamico Javascript 18
P nascondere div con css inline Javascript 2
asevenx rendere visibili e nascondere DIV con onlink Javascript 12
Cosina Nascondere div di default jQuery 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
S [javascript] visualizzare/nascondere div Javascript 3
C Nascondere un div al click di una casella Ajax 1
S [Javascript] Nascondere e rendere visibile un Div cliccando su due link Javascript 2
3 iframe e nascondere un div caricato HTML e CSS 5
S Nascondere un div Ajax 1
M Come nascondere la finestra di dialogo di conferma? HTML e CSS 1
Shyson Nascondere tag title HTML e CSS 2
L Mysql: Nascondere le pagine dopo una ricerca PHP 1
Alex_70 Nascondere label tab se campo vuoto PHP 2
Shyson [PHP] Nascondere codice PHP 3
Shyson [WordPress] Nascondere email agli spider WordPress 3
Shyson [WordPress] Nascondere link del Login WordPress 2
Shyson [Javascript] Nascondere avviso se utente può registrarsi Javascript 0
jonnino2004 nascondere le proprie visite Google Analytics 1
B APACHE-NASCONDERE DIRECTORY DALL'URL Web Server 0
andrew1975 [Joomla] nascondere lo slider Joomla 1
F Nascondere menù onclick sottovoce jQuery 0
Shyson Nascondere codice quando si linka Javascript 10
M Nascondere Video e censurare src in tag <iframe> Quale linguaggio consigliate? Discussioni Varie 0
N Nascondere menu onclick su ancora Javascript 2
V Nascondere prodotti non disponibili in prestashop CMS (Content Management System) 2
L Modo per nascondere una parte variabile di una stringa PHP 0
Licantropo Come nascondere i propri dati su Whois? Hosting 0
L nascondere tastiera ios8 Sviluppo app per iOS 0
G Nascondere cartella con .htaccess PHP 0
N Aiuto con html nascondere i media HTML e CSS 4
N Nascondere cartella sito al pubblico PHP 0
F Nascondere option value Javascript 2
D mostrare nascondere sottomenu Javascript 1
M nascondere la colonna di una tabella in base ad una condizione PHP 8
L funzione per nascondere username PHP 5
M Nascondere url pagina PHP 3
L Nascondere .htaccess dalla visualizzazione dei file visti da script PHP 5
M Nascondere o Offuscare codice Javascript e Jquey jQuery 2
F Aiuto script per nascondere banner per 24 ore all utente. PHP 7
T nascondere percorso di file da scaricare PHP 3
anton Nascondere indirizzo email agli spambot in un form php PHP 21
S Nascondere nome pagina web dalla barra degli indirizzi HTML e CSS 2
K Nascondere i css3 ai vecchi broswer usando @media HTML e CSS 0
F Nascondere una nuova finestra Javascript 1
L Nascondere l'amministratore del sito PHP 9
Vale2 Nascondere un indirizzo email agli spambot Snippet Javascript 0
Athene Come nascondere i dati della checkbox in php PHP 2
U nascondere riga di tabella se valore campo =... Javascript 4
S tag per nascondere testo in wordpress WordPress 4

Discussioni simili