javascript - 单击 <img> 切换 Div 类

Question

您好，我正在尝试通过单击按钮来切换 div 的类，但似乎不起作用，有什么建议吗？

HTML

<img id="downarrow" src="images/downarrow.svg"/>

<div class="responsive-subscribe">
</div>

CSS

.responsive-subscribe {
position: relative;
width: 100%;
height: auto;
background-color: ;
bottom: 10px;
display: none;
}

.open {
display: block;
}

JavaScript

$(document).ready(function() {
    $downarrow = $('#downarrow');

    $downarrow.click(function() {
        $(this).toggleClass('active');
        $('.responsive-subscribe').toggleClass('.open');
    });
});

Answer 1

$('.responsive-subscribe').toggleClass('.open'); 应该像 $('.responsive-subscribe').toggleClass('open') ;

从 .toggleClass('.open'); 中删除 .;

<强> Working Fiddle