1 fonction fait 2 actions

Chers confrères,
je sollicite votre aide car mes connaissances en JS sont pas géniales.
J'ai deux fonctions pour afficher des div la 1er form et la suivante billing. Je souhaite que quand je clique sur mon bouton pour afficher la div form la div billing ne s'ouvre pas. qu'elle ne s'ouvre seulement avec le bouton présent sur ma div form.

//affichage de la div form
$(document).ready(function(){
    $(document).on('click', function(){
         if($(this)[0].activeElement.id == "aff"){
             $("#form").css("display", "none");
         }
         else{
             $("#form").css("display", "block");
         }
    }); 
});

//affichage de la div billing
$(document).ready(function(){
    $(document).on('click', function(){
         if($(this)[0].activeElement.id == "check"){
             $("#billing").css("display", "none");
         }
         else{
             $("#billing").css("display", "block");
         }
    }); 
});

un peu d'HTML

<!-- sur la div pour ouvrir form -->
<button id="aff" class="button_lien">Next</button>

<!-- sur la div form pour ouvrir billing -->
<button id="check" class="button_lien">Next</button>

Le CSS existe bien

Merci de votre aide