-1

さて、タブを機能させるために使用しているjQueryコードがいくつかあります。

これが私の問題です"active"。誰かがトグルをクリックしたときに、トグル自体にクラスが追加されるようにします。コンテンツにアクティブなクラスは必要ありませんが、代わりにトグルが必要です。

これが私のjQueryコードです

function toggleMeMirror(a){

// hide all

jQuery('.episodemirrors').hide();

//  show one

var e=document.getElementById(a);

if(!e) return true;

    if(e.style.display=="none"){  

        e.style.display="inline"

    } else {

        e.style.display="none"

    }

return true;

}

これがトグルの HTML コードです。コンテンツではありません。

<div id="post-<?php the_ID(); ?>" onclick="return toggleMeMirror('post-<?php the_ID(); ?>')" >Toggle</div>

これは、アクティブなクラスが必要な場所なのでactive、誰かがクリックしたときにクラスを作成して、別のスタイルにできるようにします。

これは私のコンテンツの HTML です

<div id="post-<?php the_ID(); ?>" class="episodemirrors"> Content </div>

4

2 に答える 2

0

一番簡単な方法は、次のようにすることだと思います。

html:

<div class="spoiler">
     <div class="toggle">Toggle</div>
     <div class="content">Content</div>
</div>

CSS:

.spoiler .content {
    display: none;
}

js:

$(".spoiler .toggle").click(function(){
    $(".spoiler .toggle.active").removeClass("active").next().hide();
    $(this).toggleClass("active");
    $(this).next().toggle();
})
于 2013-06-12T22:43:28.133 に答える