Скриване на елемент при щракване извън него

Днес ще научим как да създадем прекрасен блок с някакво съдържание, което ще се показва чрез щракване върху връзката и скрито чрез щракване в която и да е област на страницата. Струва ми се, че това е много удобен инструмент и ще бъде полезен за много уеб разработчици. Така че нека да започнем.

Както вече казах, сега ще напишем скрипт за блока, който може да бъде скрит, като щракнете извън него. Първо, нека създадем някои основни html маркировки:

Нашата маркировка се състои от връзка (която ще щракнем, за да покажем/скрием блок данни -) и блок данни (който съдържа маркиран списък с числа -

---