teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Jquery slidetoggle

編集履歴

質問編集履歴

5

修正

2017/04/25 16:24

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
- ```こんばんは。
1
+ ![イメージ説明](a720ed591497c42e96735932b3bee849.png)```こんばんは。
2
2
  こちらのレイアウトを目指しています。
3
- 途中までできたのですが、!![イメージ説明](01a54954c5f073aa837df119851e2dc1.jpeg)
3
+ 途中までできたのですが、!![イメージ説明]
4
4
  うまいかない点
5
5
  ・slidetoggleがブルーのimgにかかってしまう。（本当は赤のtextにかけたい）
6
6
  ・toggle上のimg３つをclassでかこっても効かない。。

4

修正

2017/04/25 16:24

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- ![イメージ説明](78c38712b3cb854faffffd18d66747a8.png)```こんばんは。
1
+ ```こんばんは。
2
2
  こちらのレイアウトを目指しています。
3
3
  途中までできたのですが、!![イメージ説明](01a54954c5f073aa837df119851e2dc1.jpeg)
4
4
  うまいかない点

3

修正

2017/04/25 16:23

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- ```こんばんは。
1
+ ![イメージ説明](78c38712b3cb854faffffd18d66747a8.png)```こんばんは。
2
2
  こちらのレイアウトを目指しています。
3
3
  途中までできたのですが、!![イメージ説明](01a54954c5f073aa837df119851e2dc1.jpeg)
4
4
  うまいかない点

2

修正

2017/04/25 16:22

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,6 @@
1
1
  ```こんばんは。
2
2
  こちらのレイアウトを目指しています。
3
- 途中までできたのですが、![![イメージ説明](089f92a79d0b9ef61cd18755e74cf8be.png)](1b054345537d3645d326988c6cc47539.png)
3
+ 途中までできたのですが、!![イメージ説明](01a54954c5f073aa837df119851e2dc1.jpeg)
4
-
5
4
  うまいかない点
6
5
  ・slidetoggleがブルーのimgにかかってしまう。（本当は赤のtextにかけたい）
7
6
  ・toggle上のimg３つをclassでかこっても効かない。。

1

質問修正

2017/04/25 16:21

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- こんばんは。
1
+ ```こんばんは。
2
2
  こちらのレイアウトを目指しています。
3
3
  途中までできたのですが、![![イメージ説明](089f92a79d0b9ef61cd18755e74cf8be.png)](1b054345537d3645d326988c6cc47539.png)
4
4
 
@@ -8,25 +8,19 @@
8
8
 
9
9
  宜しくお願いします；；
10
10
 
11
- <!DOCTYPE html>
12
- <html>
11
+ ```
13
- <head>
14
- <title>test</title>
15
12
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
16
-
17
13
  <script>
18
- $(function(){
14
+ $(function(){
19
15
  $(".slide_wrap .button").on("click", function() {
20
16
  $(this).parent().next().slideToggle(); // 変更。
21
17
  $(this).toggleClass("active");//追加部分
22
18
  });
23
19
  });
24
-
25
-
26
20
  </script>
21
+ ```
27
22
 
28
- <style>
29
- .left{
23
+ ```.left{
30
24
  width:200p
31
25
  vertical-align: middle;
32
26
  float:left;
@@ -68,12 +62,10 @@
68
62
  width:600px;
69
63
  }
70
64
 
65
+ ```
71
66
 
72
- </style>
73
67
 
74
- </head>
75
- <body>
76
- <div class="slide_wrap">
68
+ ```<div class="slide_wrap">
77
69
  <div class="content">
78
70
  <div class="left">
79
71
  <p><img src="img/test_02.png"></p>
@@ -83,6 +75,4 @@
83
75
  </div>
84
76
  <div class="text">hello</div>
85
77
  </div>
86
-
87
- </body>
78
+ ```
88
- </html>