Javascript Jquery toggle（）在YouTube订阅按钮上不起作用

想要创建一个DIV，当我点击youtube订阅按钮时，该DIV将切换。另外，我想隐藏Youtube按钮。 这看起来很简单，但在youtube子按钮上，切换方法不起作用

密码↓

$（文档）.ready（函数（e）{
//你的代码在这里
$（'#xx2'）。单击（）{
$（'#cc'）.toggle（）；
}
});
这是一个隐藏的项目

---

请看这张照片：

语法错误

将

$（文档）

更改为

$（“文档”）

而

点击

函数声明错误。启动

xx2

的点击

功能和点击功能内的切换

$（文档）.ready（函数（e）{
$（'#xx2'）。单击（函数（）{
$（'#cc'）.toggle（）；
})
});

这是一个隐藏的项目
xx
jquery的语法有错误，请使用以下代码：

<script type="text/javascript">
    $(document).ready(function(e){
        $('#xx2').click(function(){
            $('#cc').toggle();
        });
    });
</script>


$（文档）.ready（函数（e）{
$（'#xx2'）。单击（函数（）{
$（'#cc'）.toggle（）；
});
});
请关闭脚本标记并在xx2 div中提供一些文本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e){
    $('#xx2').click(function(e){
        $('#cc').toggle();
    });
});
</script>
<div id="cc" style="display:none;">
    <h1>this is a hidden item</h1>
</div>
<script src="https://apis.google.com/js/platform.js"></script>
<div id="btn">
<div id="xx2" class="g-ytsubscribe" 
data-channelid="UCwevqbHI8ppBSvVKESoLpPQ" 
data-layout="full" data-count="default" >text</div>
</div>


$（文档）.ready（函数（e）{
$（'#xx2'）。单击（函数（e）{
$（'#cc'）.toggle（）；
});
});
这是一个隐藏的项目
文本
也许经典的方法会奏效：

HTML:

Javascript:

$(document).ready(function(){
    $('#xx2').click(function() {
        $('#cc').toggleClass("cc");
    });
});

到目前为止，我完全理解你的问题，根据Jsfiddle.net，这是可行的。
你介意通过重新格式化源代码来删除水平scollbar吗？伙计们，帮帮我，我不明白该怎么做。仍然不起作用。。。实际上，我想隐藏那个div（“CC”）。当有人点击youtube订阅按钮时，使用$（'#cc'）.css（'display'，'none'）；而不是$（'#cc'）。toggle（）；我已经添加了一张图片，请看那个
<div id="cc">
    <h1>this is a hidden item</h1>
</div>
<div id="btn">
  <div id="xx2" class="g-ytsubscribe"
      data-channelid="UCwevqbHI8ppBSvVKESoLpPQ" 
      data-layout="full" data-count="default">
         xxx <!-- The xxx is used for better hitting -->
    </div>
</div>

div.cc {display:none;}

$(document).ready(function(){
    $('#xx2').click(function() {
        $('#cc').toggleClass("cc");
    });
});