javascript - Jquery toggle() 不适用于 YouTube 订阅按钮

Question

想要创建一个 DIV，它在我点击 youtube 订阅按钮时切换。另外，我想隐藏 Youtube 按钮。 这看起来很简单，但是 Jquery 切换方法不适用于 youtube 子按钮。

代码↓

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(e){
//Your code here
    $('#xx2').click(){
    $('#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" ></div>
</div>

查看这张照片:

Answer 1

请关闭脚本标签并在 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>