Javascript JSIDLE切换示例不起作用

Javascript JSIDLE切换示例不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试实现简单的JSFIDLE示例: 但是,当我将它加载到我的站点(不是JSFIDLE!)时,它就不工作了。我检查了控制台,它似乎在说: 未捕获的TypeError:无法读取null(匿名函数)@VM2075:1Xd@g:108Ah@g:176gh@g:163(匿名函数)@g:164(匿名函数)@g:125(匿名函数)@g:101(匿名函数)@g:20(匿名函数)@1025104082-3的属性“就绪”?mr=t1433769737&mi='2.20827797.143755870147'&

我正在尝试实现简单的JSFIDLE示例:

但是,当我将它加载到我的站点(不是JSFIDLE!)时,它就不工作了。我检查了控制台,它似乎在说:

未捕获的TypeError:无法读取null(匿名函数)@VM2075:1Xd@g:108Ah@g:176gh@g:163(匿名函数)@g:164(匿名函数)@g:125(匿名函数)@g:101(匿名函数)@g:20(匿名函数)@1025104082-3的属性“就绪”?mr=t1433769737&mi='2.20827797.143755870147'&mt=!n&cs=!t

我的HTML代码是:

<style type="text/css">button#show2 {
  background-color: #323470;
  color: #fff;
  padding-top: 4%;
  padding-bottom: 4%;
  padding-left: 22%;
  padding-right: 22%;
}
#two {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 97%;
    height: 200px;
        background-color: #fff9d7;  
    border: 1px solid #e2c822;  
    color: #333333;  
    font-size: 13px;  
    font-weight: bold;  
    display: none;
    padding: 10px;
}
</style>
<button id="show2">Finance Available &gt;&gt;.</button>
<div id="two">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae augue libero. Nulla consequat leo malesuada condimentum rutrum. Vestibulum et mattis lacus. Nullam nec ex diam. Sed malesuada lorem quis tempus interdum. Nunc posuere ipsum vitae turpis luctus dapibus. Nam commodo efficitur justo, vitae gravida justo.</p>
</div>
感谢您的帮助

您需要使用不带引号的
$(文档)

当前您正在使用。因为我们没有
文档
元素,所以您的代码无法工作

$(文档).ready(函数(){
$('#show2')。单击(函数(){
$('#two')。滑动切换();
});
});
按钮#显示2{
背景色:#323470;
颜色:#fff;
垫面:4%;
垫底:4%;
左:22%;
右:22%;
}
#两个{
位置:绝对位置;
底部:0;
左:0;
宽度:97%;
高度:200px;
背景色:#fff9d7;
边框:1px实心#e2c822;
颜色:#333333;
字体大小:13px;
字体大小:粗体;
显示:无;
填充:10px;
}

资金可用。
Lorem ipsum dolor sit amet,是一位杰出的献身者。Donec vitae augue libero。无果甘蓝。前庭和马蒂斯腔隙。Nullam nec ex直径。这是一个非常有趣的故事。Nunc posuere ipsum vitae turpis
卢克图斯·达皮布斯。不,我的效率很高,孕妇的生命也很好


尝试删除
$('document')
中的引号,否则它将在您使用元素时搜索
元素:

 $(document).ready(function() {
    $('#show2').click(function() {
        $('#two').slideToggle();
    });
});

美元('document')选择器不正确。试试$(document),我已经测试了下面的代码,效果很好

   $(document).ready(function(){
        $("#show2").click(function(){
            $("#two").slideToggle();
        });
    });
你应该检查一下房间<代码>$(“文档”)
将搜索文本
元素。删除文档中的“”
   $(document).ready(function(){
        $("#show2").click(function(){
            $("#two").slideToggle();
        });
    });