<!--HTML-->
    <style>
.hidden {
    opacity: 0; 
}
    </style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="button-1">Кнопка 1</button>
<button id="button-2">Кнопка 2</button>

<div class="modal hidden">1</div>
    
<script type="text/javascript">
$("#button-1").click(function() {
$(".modal").toggleClass("hidden").html('11');
});
$("#button-2").click(function() {
   $(".modal").toggleClass("hidden").html('22');
});
</script>

<div class="as-console-wrapper"><div class="as-console"></div></div>