How to open Tab box collapse with link ?

asked 2014-01-17 12:19:22 +0800

Atul30
35 ● 4

This is my left side link

This is Tabbox collapses <tabbox mold="accordion"> <tabs> <tab class="">Customer Details</tab> <tab class="">Project Overview</tab> </tabs> <tabpanels> <tabpanel id="test1">

                                    <div class="user_info">
                                        <h:ul>
                                            <h:li>
                                                <h:label>Customer Name: </h:label> <h:span>${customer.firstName}</h:span>
                                            </h:li>
                                            <h:li>
                                                <h:label>Customer Code: </h:label> <h:span>${customer.customerCode}</h:span>
                                            </h:li>
                                            <h:li>
                                                <h:label>Address: </h:label> <h:span>${customer.address}</h:span>
                                            </h:li>
                                            <h:li>
                                                <h:label>State:</h:label> <h:span>${customer.state}</h:span>
                                            </h:li>
                                            <h:li>
                                                <h:label>Postal code:</h:label> <h:span>${customer.zipcode}</h:span>
                                            </h:li>
                                            <h:li>
                                                <h:label>Contact Person:</h:label> <h:span></h:span>
                                            </h:li>
                                            <h:li>
                                                <h:label>Telephone Number :</h:label> <h:span></h:span>
                                            </h:li>
                                        </h:ul>
                                        <div class="clearboth"></div>
                                    </div>
                                </tabpanel>

                                <tabpanel>
                                    <div class="overview">
                                        <div>   
                                            <div class="left_img">
                                                <div> 
                                                    <h:img src="css/images/pro_img1.jpg" alt="" title="Godrej Properties" width="174" height="117"/>
                                                </div>
                                            </div>
                                            <div class="detail_right">
                                                <div>
                                                    <h:img src="css/images/pro_img1.gif" alt="" border="0" title="Godrej Properties"/>
                                                </div>
                                                <div class="txtjustify">

                                                                                        </div>
                                            </div>
                                            <div class="clearboth"></div>
                                        </div>

                                        <div class="highlight">
                                            <div class="inner_title">
                                                <h:div class="arrwo">Project Highlights </h:div>
                                            </div>

                                            <h:ul class="pro_high">
                                                <h:li class="apartment">Apartments, villas and row houses</h:li>
                                                <h:li class="retail">Retail and commercial spaces</h:li>
                                                <h:li class="club">World-class club house</h:li>    
                                                <h:li class="facilities">Educational, medical and hospital facilities</h:li>
                                                <h:li class="vastu">Vastu-compliant homes</h:li>
                                                <h:li class="construction">Construction by L and T</h:li>
                                                <h:li class="planning">Planning by SOM, USA</h:li>
                                                <h:li class="security">24x7 Security</h:li>
                                                <h:li class="tie_up">Tie up with Clinton Foundation</h:li>
                                            </h:ul>
                                            <div class="clearboth"></div>
                                        </div>
                                        <div class="clearboth"></div>
                                    </div>
                                </tabpanel>
                                <tabpanel>
                                    hello Welcome Gallery
                                </tabpanel>
                            </tabpanels>
                        </tabbox>

Normal Tab collapse panel working but I need when i select link also Tab panel is open.

Thank in advance.