Show Hide Append – Riccardo Fabiani (BLOG)

Funzioni Show() Hide e Append().Funzioni:

.append(), before(), after()
.hide() e .show()
.click()
.is()

es.1

Elemento A nasconde elemento B;
aggiungi elemento C per nascondere elemento B.

//< script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"><//script>
<script>
//$(document).ready(function(){
jQuery(document).ready(function($) {
    
    //NASCONDI TUTTO
    $("#commentform").hide();

    //AGGIUNGI BOTTONI
        $('#respond').append(' <button id="nascondi">NASCONDI</button>');
    
    //NASCONDI
    $("#reply-title").click(function(){
        $("#commentform").show();
    });
    //MOSTRA
    $("#nascondi").click(function(){
       $("#commentform").hide();
       //$('#reply-title').remove('#nascondi');
    });
    
});
</script>

//< script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"><//script>

//$(document).ready(function(){

jQuery(document).ready(function($) {

//NASCONDI TUTTO

$("#commentform").hide();

//AGGIUNGI BOTTONI

$('#respond').append(' <button id="nascondi">NASCONDI</button>');

//NASCONDI

$("#reply-title").click(function(){

$("#commentform").show();

});

//MOSTRA

$("#nascondi").click(function(){

$("#commentform").hide();

//$('#reply-title').remove('#nascondi');

});

</script>

es.2

Semplificando si utilizza un unico elemento per mostrare e nascondere un’altro elemento.
Elemento A mostra e nasconde elemento B.

<script>
    //$(document).ready(function(){
    jQuery(document).ready(function($) {
        
        //SETUP
        $("#commentform").hide();
        
        //NASCONDI
        $("#reply-title").click(function(){
            //$("#commentform").show();
            if($("#commentform").is(":visible")){     //controlla tutti gli elementi $('element:hidden')        nb: hidden or visible
                $("#commentform").hide();
            }else{
                $("#commentform").show();
            }
            
        });
    });
</script>

//$(document).ready(function(){

jQuery(document).ready(function($) {

//SETUP

$("#commentform").hide();

//NASCONDI

$("#reply-title").click(function(){

//$("#commentform").show();

if($("#commentform").is(":visible")){ //controlla tutti gli elementi $('element:hidden') nb: hidden or visible

$("#commentform").hide();

}else{

$("#commentform").show();

}

});

</script>

fonte: AlfaService customer satisfaction
http://api.jquery.com/hide/