Değişken buton oluşturma

Tek bir butona aç - kapat gibi bir işleyiş vermek istiyorsan basit bir kodla yapabilirsin. Aşağıda Jquery ve Javascript ile böyle bir örnek bulabilirsin. 

Açma ve kapama koşullarındaki yerlere sen kendine ait kodları yazabilirsin.

Örnek: http://js.do/code/ac-kapat

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="ackapa" data-ac=1>aç</button>
<script>
$(function() {
    $('#ackapa').click(function(){
         if ($(this).attr('data-ac')==1){
        
         $(this).attr('data-ac',0);
          $(this).html('Kapat');
         }else{         
          $(this).attr('data-ac',1);
           $(this).html('Aç');
         }
    })
});
</script>