如何专业地使用下拉菜单和div？

Question

我正在制作一个带有顶部导航栏上按钮的页面，作为Facebook上的消息或通知按钮。

单击图标后，它将更改为：

我使用onclick函数完成了这项操作，该函数将图标src更改为第二个图像中的图标 并且紫红色指针的'display'属性和标题的div从'none'变为'block'

但事实并非如此。这是如何专业完成的？

我正在查看Facebook的源代码，图标链接是带有此图像的页面：

我在SO和WhatsappWeb的页面中看到了类似的图像..它们包含对角线上的所有图标。

你能解释一下这个吗？另外我怎么能专业呢？