小编kla*_*ina的帖子

我需要创建一组2个单选按钮(选项:男/女),显示图像而不是实际按钮.图像应根据选择而改变.所以应该有4个图像:男性(上),男性(关闭),女性(上),女性(关闭).

我在整个网站上使用jQuery,如果可能的话,我也想使用jQuery.

我找到了各种替换表单控件的插件,我使用imageTick替换复选框,它工作正常.但是,我无法弄清楚如何调整插件,因此我可以在一个单选按钮组中使用不同的图像.

谢谢!

我正在为标签使用一个简单的jQuery脚本:

JS:

$(document).ready(function() {

    $(".tab-content").hide();
    $("ul.tabs li:first").addClass("active").show();
    $(".tab-content:first").show();

    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active");
        $(".tab-content").hide();
        var activeTab = $(this).find("a").attr("href");
        $(activeTab).show();
        return false;
    });

});

HTML(用于index.html):

<div id="tabs">

    <ul class="tabs">
        <li><a href="#tabs-voters">Top Voters</a></li>
        <li><a href="#tabs-commenters">Top Commenters</a></li>
    </ul>

    <div id="tabs-voters" class="tab-content">

    <p id="h1-01">Tab content</p>

        <p>Some content</p>

        </div>

    <div id="tabs-commenters" class="tab-content">

        <h2 id="h-02">Tab content</h2>

        <p>Some content</p>

        <h2 id="h-03">Tab content</h2>

        <p>Some content</p>

        </div>

</div>

我需要做的是创建一个指向index.html#h-02,index.html#h-03等的工作链接,但这些简单链接不起作用,因为默认情况下隐藏了该选项卡.是否可以修改JS,因此我可以链接到打开index.html时隐藏的选项卡中的书签？有人能指出我正确的方向吗？

非常感谢!:)