Александр

<div class="snippet">
    <p class="show red">your php variable</p>
    <i>
        <input type="text" value="your php variable">
        <button class="hide">OK</button>
    </i>
</div>
<div class="snippet">
<p class="show green">your php variable</p><i><input type="text" value="your php variable"><button class="hide">OK</button></i>
</div>
<div class="snippet">
<p class="show blue">your php variable</p><i><input type="text" value="your php variable"><button class="hide">OK</button></i>
</div>

$(document).ready(function() {
    $("i").hide();
    var allsnippet = $(".snippet");
    $(".snippet").on("click",function(e){
        var snippet = this;
        e.stopPropagation();
        $(".snippet").each(function(){
            if(this == snippet){
                $(this).children("p").hide();
                $(this).children("i").show();
            }
            else{
                $(this).children("p").show();
                $(this).children("i").hide();
            }
        });
    });
    $(document).on("click",function(){
        allsnippet.each(function(){
            $(this).children("p").show();
            $(this).children("i").hide();
        });
    });
});