質問編集履歴

1

HTMLコードを追加しました

2015/08/21 09:55

投稿

takeaduma
takeaduma

スコア44

test CHANGED
File without changes
test CHANGED
@@ -114,6 +114,82 @@
114
114
 
115
115
 
116
116
 
117
+ [HTML]
118
+
119
+ <div class="sample">
120
+
121
+ <div id="tab01">
122
+
123
+ <div id="tab02">
124
+
125
+
126
+
127
+ <!-- ↓タブ↓ -->
128
+
129
+ <ul id="tab">
130
+
131
+ <li><a href="#tab01">タブA</a></li>
132
+
133
+ <li><a href="#tab02">タブB</a></li>
134
+
135
+ </ul>
136
+
137
+ <!-- ↑タブ↑ -->
138
+
139
+
140
+
141
+ <div class="contents">
142
+
143
+
144
+
145
+ <!-- ↓タブAの内容↓ -->
146
+
147
+ <div class="tab01 tabContents">
148
+
149
+ <section>
150
+
151
+ <form>
152
+
153
+ </form>
154
+
155
+ </section>
156
+
157
+ </div>
158
+
159
+ <!-- ↑タブAの内容↑ -->
160
+
161
+
162
+
163
+ <!-- ↓タブBの内容↓ -->
164
+
165
+ <div class="tab02 tabContents">
166
+
167
+ <section>
168
+
169
+ <form>
170
+
171
+ </form>
172
+
173
+ </section>
174
+
175
+ </div>
176
+
177
+ <!-- ↑タブBの内容↑ -->
178
+
179
+
180
+
181
+ <!-- .contents --></div>
182
+
183
+ </div>
184
+
185
+ </div>
186
+
187
+ <!-- .sample --></div>
188
+
189
+
190
+
191
+
192
+
117
193
 
118
194
 
119
195
  これを試したところ、Firefoxや、IE、また開発環境であるDreamWeaverでは更新や戻ってきても正常にタブBが開いたままになっております。