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