1

2 つのボタン (それぞれ灰色の背景画像) があり、それぞれにカラー ホバー背景画像があります。隣のボタンがクリックされない限り、色の背景をアクティブに保ちたいと思います。現在、画面上の任意の場所をクリックすると、背景のホバー画像のフォーカスが元の灰色のボタン/画像に戻ります。

CSS のフィドルは次のとおりです: http://jsfiddle.net/J6DP9/8/

<div class="buttons-holder">
    <button id="rdb1" type="button" name="toggler" value="US">United States</button>
    <button id="rdb2" type="button" name="toggler" value="International">International</button>
</div>
</div>
</div>
<div class="cms-pages">
    <div class="divclearboth"></div>
    <hr>
</div>
<div id="blk-0" class="toHide">
    <div class="center-form-img">
        <img src="{{media url=" wysiwyg/form-inactive.jpg "}}" alt="" />
    </div>
</div>
<div id="blk-US" class="toHide" style="display:none;">{{block type=core/template name=wholesale-us template=cmg/wholesale-us.phtml}}</div>
<div id="blk-International" class="toHide" style="display:none;">{{block type=core/template name=wholesale-intl template=cmg/wholesale-intl.phtml}}</div>

JS は次のとおりです。

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$(function () {
    $("[name=toggler]").click(function () {
        $('.toHide').hide();
        $("#blk-" + $(this).val()).fadeIn();
    });
});
</script>

どんな助けでも大歓迎です！前もって感謝します。

4

1 に答える 1

0

activeコードを更新して、最後にクリックしたクラスにクラスを追加し、他のすべてbuttonのクラスからクラスを削除しactiveました。

http://jsfiddle.net/J6DP9/16/

于 2013-09-24T23:27:29.667 に答える