Jquery Radio Button Tab

JQuery Kodu :

    $("input[name='tab']").change(function () {
        var deger = $(this).val();

        if (deger == "rent") {
            $("#tabs-1").show();
            $("#tabs-2").hide();
        }
        else {
            $("#tabs-1").hide();
            $("#tabs-2").show();
        }
    })

Html Kodu :

      <div id="tabs">
                <ul>
                    <li id="tab-1"><label for="tab1">Rent A Car<input name="tab" type="radio" value="rent" /></label></li>
                    <li id="tab-2"><label for="tab2">Airport/Intercity Transfer<input name="tab" type="radio" value="transfer" /></label></li>
                </ul>
                <div id="tabs-1">

                    Tab 1

                </div>
                <div id="tabs-2">

                    Tab 2

                </div>
            </div>

Yorum Yaz

Yorumlarınız denetimden geçtikten sonra yayınlanmaktadır...