折叠面板：修订间差异

2024年5月28日 (二) 11:04的版本

测试标题1

         DNF手游装备打造攻略

         强化系统玩法攻略详解

测试标题2

       DNF手游装备打造攻略

       强化系统玩法攻略详解

@@ 第1行： / 第1行： @@
 <div class="panel-group">
-   <div class="panel panel-info" style="padding:0px">
+   <div class="panel panel-info">
      <div class="panel-heading">测试标题1</div>
      <div class="mw-collapsible mw-made-collapsible mw-collapsed">
-         <div id="mc_collapse-1" class="panel-body panel-collapse collapse in">测试内容</div>
+         <div class="panel-body panel-collapse">
+          <a href="#" target="_blank">DNF手游装备打造攻略</a>
+        </div>
+        <div class="panel-body panel-collapse">
+          <a href="#" target="_blank">强化系统玩法攻略详解</a>
+        </div>
      </div>
    </div>
-   <div class="panel panel-info" style="padding:0px">
+   <div class="panel panel-info">
      <div class="panel-heading">测试标题2</div>
      <div class="mw-collapsible mw-made-collapsible mw-collapsed">
-       <div id="mc_collapse-1" class="panel-body panel-collapse collapse in">测试内容</div>
+       <div class="panel-body panel-collapse">
+        <a href="#" target="_blank">DNF手游装备打造攻略</a>
+      </div>
+      <div class="panel-body panel-collapse">
+        <a href="#" target="_blank">强化系统玩法攻略详解</a>
+      </div>
    </div>
    </div>
@@ 第17行： / 第27行： @@
 {{#css:
 .panel-group {
-    margin-bottom: 20px
+      margin-bottom: 20px
-}
+    }
-.panel-group .panel {
+    .panel-group .panel {
-    margin-bottom: 0;
+      margin-bottom: 0;
-    border-radius: 4px
+      border-radius: 4px;
-}
+      font-size: 18px;
+    }
-.panel-group .panel+.panel {
+    .panel-group .panel+.panel {
-    margin-top: 5px
+      margin-top: 5px
-}
+    }
-.panel-group .panel-heading {
-    border-bottom: 0
+    .panel-heading {
-}
+      padding: 10px 15px;
+      border-bottom: 1px solid transparent;
+      border-top-left-radius: 3px;
+      border-top-right-radius: 3px;
+      font-weight: bold;
+    }
-.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
+    .panel-group .panel-heading+.panel-collapse>.list-group,
-    border-top: 1px solid #ddd
+    .panel-group .panel-heading+.panel-collapse>.panel-body {
-}
+      border-top: 1px solid #ddd
+    }
-.panel-group .panel-footer {
+    .panel-group .panel-footer {
-    border-top: 0
+      border-top: 0
-}
+    }
-.panel-group .panel-footer+.panel-collapse .panel-body {
+    .panel-group .panel-footer+.panel-collapse .panel-body {
-    border-bottom: 1px solid #ddd
+      border-bottom: 1px solid #ddd
-}
+     }
-.panel-info {
-     border-color: #bce8f1
-}
-.panel-info>.panel-heading {
+    .panel-info {
-    color: #31708f;
+      border-color: #bce8f1
-    background-color: #d9edf7;
+    }
-    border-color: #bce8f1
-}
-.panel-info>.panel-heading+.panel-collapse>.panel-body {
+    .panel-info>.panel-heading {
-    border-top-color: #bce8f1
+      color: #31708f;
-}
+      background-color: #d9edf7;
+      border-color: #bce8f1
+    }
-.panel-info>.panel-heading .badge {
+    .panel-info>.panel-heading+.panel-collapse>.panel-body {
-    color: #d9edf7;
+      border-top-color: #bce8f1
-     background-color: #31708f
+     }
-}
-.panel-info>.panel-footer+.panel-collapse>.panel-body {
+    .panel-info>.panel-heading .badge {
-    border-bottom-color: #bce8f1
+      color: #d9edf7;
-}
+      background-color: #31708f
+    }
+    .panel-body{
+      padding: 10px 15px;
+    }
+    .panel-body a{
+      color: #202122;
+    }
+    .panel-body a:hover{
+      text-decoration: underline;
+    }
+    .panel-info>.panel-footer+.panel-collapse>.panel-body {
+      border-bottom-color: #bce8f1
+    }
 }}