CODEWITHSUNDEEP
jquerytabs
user2245360
user2245360

Reputation: 11

jQuery tabs not displaying as expected

i am using jquery UI tabs, it not showing my tab3 content.. and sometimes it third tab content is attached to the end of tab2 content.. Any ideas??i here is my code.. and sorry for the messy code... and thanks in advances..

    <body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">My Info</a>
            </li>
            <li><a href="#tabs-2">My Member</a>
            </li>
            <li><a href="#tabs-3">My schedule</a>
            </li>
        </ul>
        <div id="tabs-1"></div>
        <div id="tabs-2">Welcome trainer1
            <br>
            <br>
            <form id="form11" name="form11" action="action2.php" method="post">
                <table border='1'>
                    <tr>
                        <td>Tick</td>
                        <td>MemberName</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" />
                        </td>
                        <td>member1</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" />
                        </td>
                        <td>member2</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" />
                        </td>
                        <td>member3</td>
                    </tr>
                    <input type='submit' id='submit10' value='Add Member' />
                    <input type='submit' id='submit11' value='Delete Member' />
            </form>
            <br>
            <br>
        </div>
        <div id="tabs-3">tab 3</div>
                </div>
</body>

i am finding that the closing form and some div are not proper, by red marks in fiddle and mozilla... i checked all tags, but no idea where i went wrong... HELP!!!!!

Upvotes: 0

Views: 826

Answers (2)

James
James

Reputation: 1572

On the updated info you are missing closing table tag

</table>

Upvotes: 1

emerson.marini
emerson.marini

Reputation: 9348

You've just forgotten to close the table tag:

<body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">My Info</a>
            </li>
            <li><a href="#tabs-2">My Member</a>
            </li>
            <li><a href="#tabs-3">My schedule</a>
            </li>
        </ul>
        <div id="tabs-1"></div>
        <div id="tabs-2">Welcome trainer1
            <br>
            <br>
            <form id="form11" name="form11" action="action2.php" method="post">
                <table border='1'>
                    <tr>
                        <td>Tick</td>
                        <td>MemberName</td>
                    </tr>
                    <tr>
                        <td>
                        <input type="checkbox" />
                        </td>
                        <td>member1</td>
                    </tr>
                    <tr>
                        <td>
                        <input type="checkbox" />
                        </td>
                        <td>member2</td>
                    </tr>
                    <tr>
                        <td>
                        <input type="checkbox" />
                        </td>
                        <td>member3</td>
                    </tr>

                </table>

                <input type='submit' id='submit10' value='Add Member' />
                <input type='submit' id='submit11' value='Delete Member' />
            </form>
            <br>
            <br>
        </div>
        <div id="tabs-3">tab 3</div>
    </div>
</body>

Upvotes: 0

Related Questions