-
ID:Fk1vZb さんの質問

jQueryのtoggleについての質問です。
オンオフ画像の切り替えがうまくいかず困っています。
3つのtoggleがあって、一番上が常時開いた状態です。
現状二回クリックしないと画像が切り替わらず、何が間違っているのかもわからずお手上げです。

$(function(){
$(".title:not(:first) .content").hide();
$("h3.archives").click(function(){
$(this).next().slideToggle(200);

$(".title").find("h3.archives span").click(function () {
$(this).toggleClass("commonToggle").toggleClass("close");

});

});
});

<div class="title">
<h3 class="archives"><span class="commonToggle">あ</span></h3>

<div class="content">
<div class="box">
内容
</div>
</div>

</div>

お願いします。

みんなの回答 1 件

ID:pIonGa さんの回答

とりあえずコードはcodepenとかコード共有サイトに載せようぜ。
あと、何が間違ってるかわからずってもう最初の出だしから機能してないことに気づこうぜ。$(".title:not(:first) .content").hide();

http://codepen.io/anon/pen/bpwMqO
ID:Fk1vZb

誘導ありがとうございます。かなり内容を省略して投稿していましたすみません。
//codepen.io/anon/pen/MyjGQa
この状態がデフォルトで、自分のやりたい構造です。
コードの最初三行までは機能していると思うのですが・・・

ID:CI6z9W

画像はどこにあるんでしょうか?

ID:pIonGa

あ、<div class="title>が3連するのね。それなら最初3行はOKだね!
また時間のある時に見てみるよ!

ID:IyYgan

<span class="commonToggle">あ</span>のクラスをcloseに変えたいだけなら、以下の3行を下の1行に変えるだけ。

$(".title").find("h3.archives span").click(function () {
$(this).toggleClass("commonToggle").toggleClass("close");
});

$(this).children("span").toggleClass("commonToggle").toggleClass("close");

最終更新日:2016-03-14 (1,379 views)

関連するトピックス

ページ上部に戻る