javascript - Changing tab on button click -
javascript - Changing tab on button click -
i have code implementing tab website
<span style=" float: left; width: 131px; padding: 8px 0px 8px 0px;color: #fff; font-size: 20px;background: none; text-align: left; margin: 0% 0% 0% 9%;" > 6 more steps :</span> <input type="radio" name="sky-tabs" checked="" id="sky-tab1" class="sky-tab-content-1"> <label for="sky-tab1"><span><span> <i class="fa fa-angle-double-right"></i> travel info </span></span></label> <input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2"> <label for="sky-tab2"><span><span> <i class="fa fa-angle-double-right"></i> hotels </span></span></label> <input type="radio" name="sky-tabs" id="sky-tab3" class="sky-tab-content-3"> <label for="sky-tab3"><span><span> <i class="fa fa-angle-double-right"></i> activities </span></span></label> <input type="radio" name="sky-tabs" id="sky-tab4" class="sky-tab-content-4"> <label for="sky-tab4"><span><span> <i class="fa fa-angle-double-right"></i> transfers </span></span></label> <input type="radio" name="sky-tabs" id="sky-tab5" class="sky-tab-content-5"> <label for="sky-tab5"><span><span> <i class="fa fa-angle-double-right"></i> summary </span></span></label> <input type="radio" name="sky-tabs" id="sky-tab6" class="sky-tab-content-6"> <label for="sky-tab6"><span><span> payment </span></span></label>
then have required info each tab in rest of section. , have buttons within each tab --
<div class="total_price_list_ft"> <a href="#">proceed activities <i class="fa fa-long-arrow-right"></i></a> </div> <div class="total_price_list_ft_rt"> <a href="#"> <i class="fa fa-long-arrow-left"></i> travel data</a> </div>
how can implement tab alter function here on button click ?
please guide.
you can utilize onclick
event
href="javascript:void(0)" onclick = "$('#sky-tab2').click();
where sky-tab1,2,3, .. id.
javascript jquery html
Comments
Post a Comment