0

mybb のような折りたたみ可能なテーブルを追加しようとしています

http://prntscr.com/21e2gq

私はjsfiddleでこれを試しましたが、これをhtmlファイルで動作させることができませんでした

http://jsfiddle.net/BurnedDesigns/hqB5B/

これが私のhtmlコードです

<!DOCTYPE html>
<html lang="en">
<head>

<title>The Coding Experts</title>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="stylesheets/global.css">

<script src="js/jquery.min.js"></script>
<script src="js/min.js"></script>
<script src="js/jquery.cookie.js"></script>

</head>
<body>

<!-- Website coded by Burned Deisgns - The Coding Experts Tutor -->


<div id="container">


    <div id="header">
    <div class="float_right menu">
        <ul class="navigation">

            <li><a href="index.html"><img src="images/home-icon.png"></a></li>
            <li><a href="index.html">Tutorials</a></li>
            <li><a href="index.html">Projects</a></li>
            <li><a href="index.html">Team</a></li>
            <li><a href="index.html">Contact</a></li>
            <li><a href="index.html">About</a></li>

        </ul>
    </div>
        <div class="logo"><img src="images/logo.png" /></div>

    </div>


    <div id="content">

<table class="tborder">
<thead>
    <tr>
        <td class="thead"> 

        <a href="#" id="exclo" style="float:right"><img src="images/min.png"></a>

        </td>
    </tr>
</thead>
<tbody>
    <tr>
        <td class="trow">
            <div id="fliped">Content</div>
        </td>
    </tr>
</tbody>
</table>
    </div>

</div>

</body>
</html>
4

1 に答える 1

0

あなたのフィドル ( http://jsfiddle.net/BurnedDesigns/hqB5B/ ) は正常に動作します。開く/閉じるボタンをクリックすると、期待どおりに「コンテンツ」セクションが表示および非表示になります。

Web サイトのコードで、jQuery スクリプトを次のようにラップしていることを確認してください。

$(document).ready(function () {
// code here
});

これにより、期待どおりにコードが実行されるようになります。

于 2013-11-02T15:54:11.427 に答える