Jak takie coś zrobić w jquery

Mam taki problem mam sobie diva, który przechowuje leki które są wyciągane za pomocą ajaxa i drugi div to jest opis i teraz chcę, aby po kliknięciu na 1 przcysik sprawdzał czy dane z drugiego przycisku nie są ukryte jak są to pokazywał by en drugi div natomiast jak nie są ukryte to by chował div 1 i pokazywał 2 div i teraz mam taki kod.

function pokaz_leki(adres,id,i) {
      //alert("dupa"+i);
    //$('#pokaz_leki_' + i).css('visibility', 'visible');
    //var j = $('#pokaz_leki'+i).css('visibility');
    if (!$('#pokaz_leki_'+i).is( ':visible' ) ) 
    {
        //$('#pokaz_leki_' + i).css('display', 'none');
        $('#pokaz_leki_' + i).show(120);
        $('#pokaz_leki_' + i).load(adres + "?id=" + id);
        //alert(i);
    }
    else {
   // alert(i);
    //    */
        $('#pokaz_leki_' + i).hide(120);
        //$('#pokaz_leki_' + i).load(adres + "?id=" + id);
        //$('#pokaz_leki_' + i).css('visibility', 'visible');
        //alert(adres + "?id=" + id);
    //    $('#pokaz_leki_' + i).toggle();
        //$('#pokaz_leki_' + i).css('display', 'block');
        
        
    }
    //alert(j);

    
}

var status = 12;

function pokaz_opis(adres,id,i) {
  //alert(i);
    //$('#pokaz_leki_' + i).css('visibility', 'visible');
    //var j = $('#pokaz_leki'+i).css('visibility');
    var tresc = $('#pokaz_leki_'+i).html();
    var wynik = $('#pokaz_opis_'+i).is( ':visible');
    var wynik2 = $('#pokaz_leki_'+i).is( ':visible');
    
    //var status;
    alert(status);
    if (typeof(status) == "undefined") status = false;
    alert("dobrze1" + status);
    if (status == false && wynik == true ) {
            alert("dobrze5" + wynik + status);
        $('#pokaz_opis_' + i).show(120);
        $('#pokaz_opis_' + i).load(adres + "?id=" + id);
        var status = true;
    }
    else if  (wynik2 == false && wynik  == true && tresc == "") {
    alert("dobrze2" + wynik);
        //$('#pokaz_leki_' + i).hide(120);
        $('#pokaz_opis_' + i).hide(120);
        //$('#pokaz_opis_' + i).load(adres + "?id=" + id);
        //tresc ="f";
    }
    else if (  (wynik2 == true && wynik == false ) )     
    {
         alert("dobrze3" + wynik);
        //$('#pokaz_leki_' + i).css('display', 'none');
        $('#pokaz_opis_' + i).show(120);
        $('#pokaz_opis_' + i).load(adres + "?id=" + id);
        //alert(i);
        //wynik  = false;
    }
    else{
   
        alert("dobrze14" + wynik2);
        $('#pokaz_opis_' + i).hide(120);
        //$('#pokaz_opis_' + i).load(adres + "?id=" + id);
        //$('#pokaz_leki_' + i).css('visibility', 'visible');
        //alert(adres + "?id=" + id);
    //    $('#pokaz_leki_' + i).toggle();
        //$('#pokaz_leki_' + i).css('display', 'block');
        
        
    }
    //alert(j);
}

i próbowałem to rozwiązać za pomocą zmiennych globalnych w javascripcie, ale on nie widzi tej zmiennej globalnej.

i tutaj jest kod w html

    <div class="col-md-2 col-xs-2">
        @if ($wpisy[$i][9] == true)
        <button  class="btn btn-primary" onclick=pokaz_leki('{{  url('/ajax/pokaz_leki') }}',{{$wpisy[$i][3]}},{{$i}}) type="button">pokaż leki</button>
        @else
        <button  class="btn btn-danger" onclick=pokaz_leki('{{  url('/ajax/pokaz_leki') }}',{{$wpisy[$i][3]}},{{$i}}) type="button" disabled>Nie było leków</button>
        @endif
    </div>
    <div class="col-md-2 col-xs-2">
        @if ($wpisy[$i][13] == true)
        <button  class="btn btn-primary" type="button" onclick=pokaz_opis('{{  url('/ajax/pokaz_opis') }}',{{$wpisy[$i][3]}},{{$i}})>pokaż co robiłem</button>
        @else
        <button  class="btn btn-danger" type="button" disabled>Nie nie robiłeś</button>        
        @endi