How can I create a clickable table in my code?

Hello I have a problem in my code;

.tg{border-collapse:collapse;border-spacing:0}.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal}.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal}.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
THC 14%
CBD 2%
GROWING AUTOFLOWERING
GENETICS 30% SATIVA 70% INDICA
TASTE SPICY-FRUIT-CHILLI

I want to have a table that opens up when I click on the “specifications”

Please let me know if you have a solution :slightly_smiling_face: