jQuery事件，其中單擊超鏈接切換另一個div的類

Question

當單擊超鏈接（在隱藏的div上具有錨點）時，我想顯示一個隱藏的div。 我的研究使我相信使用.switchClass是可行的方法，但是對我而言，我一直無法使其正常工作。 這是我得到的：

的HTML

<!-- link -->
<div id="rightnest">
    <p>
        You likely have a few questions, and maybe some of them can
        <br>be answered
        <a href="#questions" class="smoothScroll">
            <ins>here</ins>
        </a>.
    </p>
</div>

<!-- hidden div that should gain .centernest on click -->
<div class="hide">
    <p> a lot of text</p>
</div>

的CSS

.hide {
    height: 400px;
    left: 200px;
    padding-top: 10px;
    position: absolute;
    top: 5px;
    vertical-align: top;
    visibility: hidden;
    width: 700px;
}
.centernest {
    height: 400px;
    left: 200px;
    padding-top: 10px;
    position: absolute;
    top: 5px;
    vertical-align: top;
    visibility: visible;
    width: 700px;
}

有.hide p，.hide h1，也隱藏了pa：link-全部具有可見性：hidden; （與.centernest類相同）

JavaScipt

$(function() {
    $("<ins>here</ins>").click(function(){
        $(".hide").switchClass("hide", "centernest", 100);
        return false;
    });
});

Answer 1

用超鏈接類調用click事件。

$(function() {
        $(".smoothScroll").click(function(){
            $(".hide").switchClass("hide", "centernest", 100);
            return false;
        });
 });

Answer 2

嘗試這個：-

$(function() {
    $(".smoothScroll").click(function(){
      $(".hide").css( "visibility", "visible" );
    });
});

小提琴