aタグのリンクがつかないのは、　なぜですか？

aタグのリンクがつかないのは、　なぜですか？
aタグをつけたら、CSSも機能すると思うのですが、うまくいきませんん。

<a class="btn active_btn" href="#">無料体験に申し込む</a> の部分のaタグの機能を動作するようにしたいです。

該当のソースコード

HTML
1<body>
2    <header id="header">
3        <div class="logo">
4            <h1 class="title">BBB</h1>    
5            <span>英会話スクール</span>
6        </div>
7        <nav id="navi">
8            <ul class="menu">
9              <li><a href="#reason" >BBBが選ばれる理由</a></li>
10              <li><a href="#voice" >受講生の声</a></li>
11              <li><a href="#summary" >スクールの概要</a></li>
12            </ul>
13            <a class="btn active_btn" href="#">無料体験に申し込む</a>
14          </nav>
15        <div class="hamburger">
16            <span></span>
17            <span></span>
18            <span></span>
19          </div>
20
21```　CSS
22#navi{
23  visibility: hidden;
24  transition: 1.0s;
25}
26
27main.active, footer.active{
28 opacity: 0;
29}
30.btn.active{
31  border: none;
32  width: 250px;
33  margin: 0 auto;
34  border-radius: 0%;
35  border: #fff solid 1px;
36  color: white;
37}
38
39.btn.active:hover{
40  background: #fff;
41}
42
43#navi.active{
44  margin-top: 30px;
45  left: 470px;
46  position: fixed;
47  visibility: visible;
48}
49#navi.active a{
50  color: white;
51}
52#navi.active a:hover{
53  background-color: white; 
54}
55

javascript
1
2$(function(){
3    $('.hamburger').on('click', function() {
4    $('body,.title,.logo,.hamburger, .hamburger span:nth-child(1), .hamburger span:nth-child(2),.hamburger span:nth-child(3),.logo,#navi,.btn,main,footer,body').toggleClass('active');
5    });
6    });
7

よろしくお願いします。

maisumakun

2022/08/05 13:23

> aタグの機能を動作するようにしたいです。どういう動作をさせようとして、そのために書いたコードはどの部分ですか？

m.ts10806

2022/08/05 21:56

提示されたJavascriptは今回の要件のどの部分の想定でしょうか

m.ts10806

2022/08/06 00:58

文字白にしてhoverで背景白で

y-sasaki

2022/08/06 06:21

説明不足で申し訳ありません <a class="btn active_btn" href="#">無料体験に申し込む</a> の部分で「無料体験に申し込む」の上でリンクがついてるときにマウスのポインタが手の矢印に変化するようにしたいです。つまり、「無料体験に申し込む」にリンクがついてますよ～　という風にしたいです。説明下手ですみません。文字白にしてhoverで背景白は後で文字の色変えようと思ってました。

m.ts10806

2022/08/06 10:00

質問は編集できますので。