Menampilkan baris table dengan javascript


Status
Not open for further replies.

Haecal

Beginner 1.0
Izin bertanya rekan² DWH

Saya punya table seperti dibawah

HTML:
<table>
   <tr>
      <td>Baris 1<td>
      <td>1<td>
   </tr>
   <tr style="display: none">
      <td>Baris 2<td>
      <td>2<td>
   </tr>
   <tr style="display: none">
      <td>Baris 3<td>
      <td>3<td>
   </tr>
</table>
<a>Selengkapnya</a>

Saya ingin ketika saya mengklik "Selengkapnya" maka tabel baris 2 & 3 akan tampil serta tulisan "Selengkapnya" akan hilang pas sudah di klik. Kira² suhu suhu disini bisa bantu. Terima kasih
 
Last edited:

masiqbal

Hosting Guru
Verified Provider
HTML:
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function ayoMudik(){
    $('.THR').show();
    $('#ketupat').hide();
}
</script>
<table>
   <tr>
      <td>Baris 1<td>
      <td>1<td>
   </tr>
   <tr style="display: none" class="THR">
      <td>Baris 2<td>
      <td>2<td>
   </tr>
   <tr style="display: none" class="THR">
      <td>Baris 3<td>
      <td>3<td>
   </tr>
</table>
<a id="ketupat" href="javascript:void(0);" onclick="ayoMudik();">Selengkapnya</a>
 

Busurhost

Poster 1.0
HTML:
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function ayoMudik(){
    $('.THR').show();
    $('#ketupat').hide();
}
</script>
<table>
   <tr>
      <td>Baris 1<td>
      <td>1<td>
   </tr>
   <tr style="display: none" class="THR">
      <td>Baris 2<td>
      <td>2<td>
   </tr>
   <tr style="display: none" class="THR">
      <td>Baris 3<td>
      <td>3<td>
   </tr>
</table>
<a id="ketupat" href="javascript:void(0);" onclick="ayoMudik();">Selengkapnya</a>

Ini live demonya kalau mau coba dari kodingan mas @masiqbal http://jsfiddle.net/fxo9zpLg/
 

mugenpro

Beginner 1.0
kalau sudah di jawab mohon di reply hehehheh, maaf tuan etika forum juga dipakai please, biar para suhu bisa koreksi masalah tuan :D
 

pluto01

Hosting Guru
The Warrior
Verified Provider
kalau sudah di jawab mohon di reply hehehheh, maaf tuan etika forum juga dipakai please, biar para suhu bisa koreksi masalah tuan :D
Maklum om mungkin termasuk salah satu PnR hanya butuh saat kebelet saja, habis tuch sapa loe sapa gua,
Teman2 di DWH selalu membantu dgn ikhlas, jadi selalu memberi tanpa makasih, walaupun sebenarnya sangat bagus jika ada feedback apakah jawaban yg ada bs jd solusi atau tdk sehingga bs jd referensi buat teman2 yg punya masalah kedepannya
 
Status
Not open for further replies.

Top