Elementy nie śaukrywany przez jquery

0

Mam taki problem mam sobie skrypt w którym są ukrywane komentarze a właściwie podkomentarze i teraz problem w tym, że przy załadowaniu strony jest ich ukrywany tylko cześć z powinna być całośc tutaj daje kod w komentarach też wyjaśnię.

@for ($i = 0;$i < count($read_kome);$i++) 

@if ($read_kome[$i][3] == true)

<div class=row>
//pole do podkomentarzy 
<div id=fieldy{{$z}}>
<div class="col-md-3">


</div>
<div class="col-md-7" id=comments>
  <div class=row>
  <div class="col-md-3">
    <span class=menu><B>{{$read_kome[$i][2]}}</b></span>
  </div>
  <div class="col-md-1">
    
  </div>
  <div class="col-md-6">
     <span class=menu><B>{{$read_kome[$i][1]}}</b></span>
  </div>
  </div>
  <div class=row>
  <div class="col-md-10">
  <span class=menu>{{$read_kome[$i][0]}}</span>
  </div>
  </div>
  
  
      <div class=row>
    
    
    
    
  <div class="col-md-5">
  <a onclick=show_field({{$i}})>Odpowiedź</a>
  </div>
  <div class="col-md-5">
  <a onclick=show_fieldy({{$z}})>komentarze</a>
  </div>
  </div>
  
  
    <div class=row>
    
    
    
    
  <div class="col-md-10">
  <div id=field{{$i}}>
    <form action = {{url('')}} method=post>
    <textarea name=fieldx cols=40></textarea>
    </form>
  </div>
  </div>
  </div>
</div>
<br>

</div>

</div>

{{$bool2 = false}}


@else


//zmienna $z potrzeba do zydintyfikowania podkomentarzy

@if ($bool2 == false)  
  {{$z++}}
  {{$bool2 = true}}
@endif


<div class=row>
<div class="col-md-2">


</div>

<div class="col-md-7" id=comments>
  <div class=row>
  <div class="col-md-3">
    <span class=menu><B>{{$read_kome[$i][2]}}</b></span>
  </div>
  <div class="col-md-1">
    
  </div>
  <div class="col-md-6">
     <span class=menu><B>{{$read_kome[$i][1]}}</b></span>
  </div>
  </div>
  <div class=row>
  <div class="col-md-10">
  <span class=menu>{{$read_kome[$i][0]}}</span>
  </div>
  </div>
  
        <div class=row>
    
    
    
    
  <div class="col-md-5">
  <a onclick=show_field({{$i}})>Odpowiedź</a>
  </div>
  <div class="col-md-5">
  <a onclick=show_fieldy({{$z}})>komentarze</a>
  </div>
  </div>
  
  
  <div class=row>
  <div class="col-md-10">
  <div id=field{{$i}}>
    <form action = {{url('')}} method=post>
    <textarea name=fieldx cols=40></textarea>
    </form>
  </div>
  </div>
  </div>
</div>

</div>
<br>

@endif

@endfor
plik jquery
<script language="javascript">
hide({{$i}});
hide_fieldy({{$i}});
</script>
@endsection


function wyloguj() {
  
 window.open("/wyloguj",'_parent');
 // alert("dobrze");
  
  
}
//alert("dobrze");
function apply(id,user,url) {
  
  //alert(url);
  window.open(url + "?id=" + id + "&user=" + user, '_parent');
  
}


//$('').hide();

function hide(i) {
  //var j = 0;
  var zmienna;
  for (j = 0;j <= i;j++) {
    zmienna = "#field"+j;
    $(zmienna).hide();
  }
}

function show_field(i) {
   var zmienna = "#field"+i;
   //alert(zmienna);
   $(zmienna).toggle();
}

function hide_fieldy(i) {
  var zmienna;
  
  for (j=0;j<=i;j++) {
    zmienna = "#fieldy"+j;
    //alert(zmienna);
    $(zmienna).hide();
  }
}

function show_fieldy(i) {
    var zmienna = "#fieldy"+i;
   alert(zmienna);
   $(zmienna).toggle();
  
}
0

Nie mam tego jak odpalić, ale polecam najpierw zobacz czy w konsoli nie masz żadnych błędów (w Chrome to jest Ctrl+Shift+J). Jak już sie upewnisz że nic się nie świeci na czerwono to możesz wlaśnie w tej konsoli wywołać swoje funkcje z JavaScript i zobaczyć czy po ich wywołaniu coś znika?

Po drugie fajnie gdybyś zawsze pisał <div id="cos"> zamiast <div id=cos> bo czasem możesz mieć niemiłą niespodziankę.

0

Już chyba wiem jaki jest błąd, błąd jest taki że kilka elementów ma takie samo id i teraz próbóje ukryć element o id przykładowo cos1 a takich elementóœ jest kilka to to jest tylko jeden element ukrywany, a jak zrobić żeby było wszystkie elementy o taki id ukrywane ?

1 użytkowników online, w tym zalogowanych: 0, gości: 1