AJAX è diventata un'opzione di programmazione Web immensamente popolare nel corso degli ultimi anni. Anche se può comprendere alcuni dei più tradizionali linguaggi di programmazione come HTML o PHP e non è un linguaggio separato in sé e per sé, AJAX produce un'uscita visivamente accattivante per lo spostamento o il contenuto pieghevole, come i menu fisarmonica. È inoltre possibile utilizzare AJAX per nascondere un blocco specifico di contenuto con un clic del mouse.

istruzione

1 Aprire il file in cui si desidera includere il codice AJAX per nascondere il contenuto. È possibile utilizzare qualsiasi editor di testo che preferite, ad esempio Blocco note o WordPad.

2 Copiare il seguente codice e incollarlo nel file:

[Fonte: JavaScript]

$ (Document) .ready (function () {

$ ( '. Link'). Alternare (

funzione () {

if ($ ( '# box'). Testo () == '') {

$ .ajax ({

URL: 'your_content.txt',

Metodo: 'GET',

successo: la funzione (r) {

$ ( '. Link') html ( 'nascondere').;

. ( '# Box') $ html (r) .nascosto () slideDown (1000).;

},

errore: function () {

alert ( 'file non esiste');

}

});

} altro {

$ (This) .html ( 'nascondere');

$ ( '# Box') slideDown (1000).;

}

},

funzione () {

$ (This) .html ( 'show');

$ ( '# Box') slideUp (1000).;

}

);

});

[/fonte]

3 Sostituire "your_content.txt" con il nome del file che contiene il contenuto che si desidera dare la possibilità di nascondere. Assicurarsi di memorizzare il file nella stessa directory di quello che contiene il codice di cui sopra. Salvare il file quando si è finito. Il codice sarà creare uno spazio di contenuto che inizia nascosta per impostazione predefinita.

4 Fare clic sulla parola "Show". Il contenuto viene visualizzato e la parola "Show" diventa "nascondere". Quindi fare clic su "Nascondi" per nascondere il contenuto, ancora una volta.