Jquery使用下拉幻灯片菜单切换或添加和删除两个不同的类

Question

尝试使用切换添加和删除类时遇到一些困难。我想要完成的是， 当用户点击“搜索放大玻璃”按钮图像/图标时，下拉菜单从顶部向下滑动，单击“搜索放大玻璃”按钮图像/图标，变为“关闭”（x）按钮图像/图标， 。 然后，当用户点击“关闭”（x）按钮图像/图标时，下拉菜单向上滑动，“关闭”按钮/图标再次变回“搜索”按钮/图标。 代码，贴在jfiddle：

<div>  
    </div>

这是我的jfiddle例子 https://jsfiddle.net/nicban/wLwxaw3a/24/

Answer 1

您还需要切换按钮。 通过在click函数中将$('#searchdropdown').toggleClass('close-button');添加到JS中，我得到了一些工作。但你可能想要清理它。