편집토론문서 역사

틀:사과: 두 판 사이의 차이

시각위키텍스트
편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 6개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<div style="border:2px solid #dc4343; width:100%;">
<div class="collapsible-container">
   <table style="width:100%; background-color:#dc4343; color:white; text-align:center;">
  <button class="collapsible" style="background-color:#dc4343; color:white; width:100%; text-align:center; border: none; padding: 10px; font-size: 16px;">
    <tr>
    🍎 사과
      <td><strong>{{{title|사과}}}</strong></td>
  </button>
    </tr>
   <div class="content" style="display:none; background-color:#fff; color:#333;">
  </table>
    <table class="wikitable" style="width:100%; border:2px solid #dc4343;">
  <table style="width:100%; text-align:left; background-color:white; color:#dc4343;">
      <tr>
    <tr>
        <th style="color:#fff; background-color:#dc4343; width:10%; text-align:center;">'''품종'''</th>
      <td><strong>품종</strong></td>
        <td style="background-color:#fff; text-align:left;">
      <td>{{{variety|감홍}}} · {{{variety2|그래니 스미스}}} · {{{variety3|매킨토시}}}</td>
          * [[감홍]]<br>
    </tr>
          * [[그래니 스미스]]<br>
    <tr>
          * [[매킨토시]]<br>
      <td><strong>관련 문서</strong></td>
          * [[아리수]]<br>
       <td>{{{related|애플}}} · {{{related2|사과주}}} · {{{related3|사과나무}}}</td>
          * [[아오리]]<br>
     </tr>
          * [[양광]]<br>
   </table>
          * [[인도]]<br>
          * [[크립스 핑크]]<br>
          * [[홍옥]]<br>
          * [[홍로]]<br>
          * [[후지(부사)]]<br>
        </td>
      </tr>
      <tr>
        <th style="color:#fff; background-color:#dc4343; text-align:center;">'''관련 문서'''</th>
        <td style="background-color:#fff; text-align:left;">
          * [[애플 (영단어)]]<br>
          * [[풋사과]]<br>
          * [[사과주]]<br>
          * [[애플 브랜디]]<br>
          * [[캔디 애플]]<br>
          * [[사과 파이]]<br>
          * [[사과/문화]]<br>
          * [[사과나무]]<br>
          * [[ghost apple]]<br>
        </td>
       </tr>
     </table>
   </div>
</div>
</div>
<script>
  var coll = document.getElementsByClassName("collapsible");
  for (var i = 0; i < coll.length; i++) {
    coll[i].addEventListener("click", function() {
      var content = this.nextElementSibling;
      if (content.style.display === "block") {
        content.style.display = "none";
      } else {
        content.style.display = "block";
      }
    });
  }
</script>

2025년 4월 21일 (월) 20:39 기준 최신판

 <button class="collapsible" style="background-color:#dc4343; color:white; width:100%; text-align:center; border: none; padding: 10px; font-size: 16px;">
   🍎 사과
 </button>

<script> 

 var coll = document.getElementsByClassName("collapsible");
 for (var i = 0; i < coll.length; i++) {
   coll[i].addEventListener("click", function() {
     var content = this.nextElementSibling;
     if (content.style.display === "block") {
       content.style.display = "none";
     } else {
       content.style.display = "block";
     }
   });
 }

</script>