<script src="http://peakfitness.com.my/js/jquery.min.js" type="text/javascript"></script><script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
    $("select").change(function(){
        $(this).find("option:selected").each(function(){
            if($(this).attr("value")=="content1"){
                $(".box").not(".content1").hide();
                $(".content1").show();
            }
            else if($(this).attr("value")=="content2"){
                $(".box").not(".content2").hide();
                $(".content2").show();
            }
			//start copy utk tambah content
            else if($(this).attr("value")=="content3"){
                $(".box").not(".content3").hide();
                $(".content3").show();
            }
			
			//end copy utk tambah content
            else{
                //$(".box").hide();
				$(".box").not(".default").hide();
                $(".default").show();
            }
        });
    }).change();
});
// ]]></script>
<div><h3>CHOOSE YOUR PAYMENT PLAN</h3></div>
<div><select style="color: #000000;">
<option>All</option>
<option value="content1">Monthly</option>
<option value="content2">Pre-Pay</option>
</select>
</div>
<div style="width: 100%; height:140px">
<div style="float: left; width: 49%; height:140px">
<h3>MONTHLY</h3>
Choose to have membership dues withdrawn directly from your credit/debit card, or your bank account each month with an electronic fund transfer (EFT). Pay initiation fee, and first and last month's dues at time of purchase. (All dues must be paid via EFT.)
</div>
<div style="float: left; width: 2%; height:140px"></div>
<div style="float: left; width: 49%; height:140px">
<h3>PRE-PAY</h3>
We offer a variety of Limited-Term Pre-Paid Memberships, from as little as 30 days up to 3 years*. You pay for your membership up front at the time of purchase.</div>
</div>
<hr />
<div class="default box" style="width: 100%;">
<div style="float: left; width: 33%;"><h4>ALL ACCESS FULL FLEXI MONTHLY (MONTHLY PAYMENT)</h4></div>
<div style="float: left; width: 34%;">Middle Stuff Default</div>
<div style="float: left; width: 33%;">Right Stuff Default</div>
</div>
<div class="content1 box" style="width: 100%;">
<div style="float: left; width: 33%;">Left Stuff Content 1</div>
<div style="float: left; width: 34%;">Middle Stuff Content 1</div>
<div style="float: left; width: 33%;">Right Stuff Content 1</div>
</div>
<div class="content2 box" style="width: 100%;">
<div style="float: left; width: 33%;">Left Stuff Content 2</div>
<div style="float: left; width: 34%;">Middle Stuff Content 2</div>
<div style="float: left; width: 33%;">Right Stuff Content 2</div>
</div>