If, else if e else confuso

Olá! Desejo exibir uma div após o link da div com id="#link_busca_adv" receber um clique e escondê-la novamente ao receber outro click. Muito simples, porém este código não a esconde novamente.

$(document).ready(function () {

 $('#link_busca_adv').click(function () {

 var data = $('#rowform').css('visibility', 'hidden');

 if (data.css('visibility', 'hidden')) {
 data.css('visibility', 'visible');
 $('#link_busca_adv').html("Ocultar Busca Avançada");
 }
 else if (data.css('visibility', 'visible')) {
 data.css('visibility', 'hidden');
 $('#link_busca_adv').html("Busca Avançada");
 }

 else{
 data.css('visibility', 'hidden');
 $('#link_busca_adv').html("Busca Avançada");
 }
 });
});

<a id="link_busca_adv" href="#" style="color: #ff0000 !important; display: flex; font-weight: 600; font-size: 0.7em; align-items: center; margin-right: 50px;">Busca Avançada<span class="fa fa-sort-desc" aria-hidden="true" style="color: #FF0000 !important; margin-top: -10px;"></span></a>

<div id="rowform" style="visibility: hidden;" class="linhaForm">
 MENU
</div>