框不会出现在页面上

Question

当我点击＆＃34;你好＆＃34;应该是页面上出现内容的方框，但是当我点击它时，没有任何内容出现在一边。

HTML

<div class="post">
    <div class="post-header">
        <h1>Opslag</h1>
        <span class="skrivopslag">Hello</span>
        <div class="cl"></div>
    </div>
    <div class="table-opslag lukBox">
        <form action="#" method="post">
            <table class="table-contentopslag">
                <tbody>
                <tr>
                    <td>Titel</td>
                    <td><input type="text" name="title" maxlength="25"></td>
                </tr>
                <tr>
                    <td>Underskrift</td>
                    <td><input type="text" name="under" maxlength="20"></td>
                </tr>
                <tr>
                    <td>Fitness center</td>
                    <td></td>
                </tr>
                <tr>
                    <td>Info</td>
                    <td><textarea name="tekst" style="width:100%;" rows="14"></textarea></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
</div>

jquery：

$(".skrivopslag" ).click(function() {
  $(".table-opslag").slideDown( "slow", function() {

  });
});

的CSS：

.lukBox {
    display: none;
}

我想要它做的是当你点击＆＃34;你好＆＃34;然后会出现这个框。

EIDT

我有

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>