conditional field not working at all?

i am using the zerif lite template.
when i try to include conditional field, nothing happen, nothing showed up.
here is my code:
<head/><fieldset>
<legend>Event</legend>

1. 訂購類別 [select pick-fields “basketball” “football” “tshirt”]

[group basketball]

2. 姓名 [text* cf7s-name]
3. 電話 [tel* cf7s-phone]
4. 電郵 [email* cf7s-email]
5. 隊名 [text text-231]
6. 款式[select menu-269 include_blank “BM elite” “BM elite 2” “Nike elite” “Nike 2017” “Under Armour”]

<[/group]
[group football]

7. 姓名 [text* cf7s-name]
8. 電話 [tel* cf7s-phone]
9. 電郵 [email* cf7s-email]
10. 隊名 [text text-231]
11. 款式[select menu-269 include_blank “BM elite” “BM elite 2” “Nike elite” “Nike 2017” “Under Armour”]

[/group]
[group tshirt]

12. 姓名 [text* cf7s-name]
13. 電話 [tel* cf7s-phone]
14. 電郵 [email* cf7s-email]
15. Comments or Questions [textarea cf7s-comments]

[/group]

[submit “Submit”]
<p>* Required</p>
</fieldset>

my conditional field code:
if pickfield equals
footballl
then show football
if pickfield equals
tshirt
then show tshirt
if pickfield equals
basketball
then show basketball