0

activeアクティブなトグルのスタイルを設定できるように、クラスを追加しようとしている単純な 2 リンクのトグルがあります。

HTML:

<div id="togglebuttons">
<span>Current Subscription</span>
<a href="#" class="member-button">Member</a>
<a href="#" class="trainer-button">Fitness Trainer</a>
</div>

Javascript:

$(document).ready(function(){

$("#member").hide();
$("#fitness-trainer").hide();
$('.member-button').click(function(){

    $("#fitness-trainer").fadeOut(function() {$("#member").fadeIn();});
});
$('.trainer-button').click(function(){

    $("#member").fadeOut(function() {$("#fitness-trainer").fadeIn();});
});
});

このようなものをどこに追加しますか

4

1 に答える 1

1

これがあなたが探しているものだと思います：

$(document).ready(function(){    

$("#member").hide();
$("#fitness-trainer").hide();

$('.member-button').click(function () {
    $("#fitness-trainer").fadeOut(function () {
        $("#member").fadeIn();
    });
    $(".trainer-button").removeClass("active");
    $(this).addClass("active");
});

$('.trainer-button').click(function () {
    $("#member").fadeOut(function () {
        $("#fitness-trainer").fadeIn();
    });
    $(".member-button").removeClass("active");
    $(this).addClass("active");
});
});
于 2013-02-28T19:23:04.747 に答える