jQuery click 適用されない

Question

質問失礼いたします。jQueryのclickのイベント処理について１つ質問があります。
.humberger-menusをクリックすると.humberger-clickがfadeInしてくるというプログラムを組んだのですが、実行されません。
なぜ、実行されないのでしょうか。またどのように対処すれば実行されますでしょうか。ご教授お願いいたします。

 <div class="humberger-click">
      <nav class="humberger-items">
        <ul class="humberger-items-ul">
          <li><a href="">home</a></li>
          <li><a href="">menu</a></li>
          <li><a href="">access</a></li>
          <li><a href="">contact</a></li>
        </ul>
      </nav>
      <button type="button" class="humberger-click-btn">✖</button>
    </div>
    
      <div class="humberger-menus">
        <p class="humberger-btn">
          <span></span>
          <span></span>
          <span></span>
         </p>
      </div>

.humberger-click{
  width: 100%;
  height: 100%;
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}

.humberger-items{
  width: 50%;
  height: 70%;
  margin: 0 auto;
}

.humberger-items-ul{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding-top: 150px;
}

.humberger-click-btn{
  font-size: 36px;
  color: gray;
  position: absolute;
  top: 10px;
  right: 20px;
}


.humberger-menus .humberger-btn span{
	position: absolute;
	width: 100%;
	height: 2px;
	background: #666;
	border-radius: 10px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}
.humberger-menus .humberger-btn span:nth-child(1) {
	top:0;
}
.humberger-menus .humberger-btn span:nth-child(2) {
	top:10px;
}
.humberger-menus .humberger-btn span:nth-child(3) {
	top:20px;
}

.humberger-menus{
	position: fixed;
	top: 10px;
	right: 20px;
	width: 30px;
	height: 24px;
	z-index: 3;
  display: none;
}

'use strict';


$(function () {

  $('humberger-menus').click(function() {
    $('.humberger-click').fadeIn(2000);
});
  
});

Answer 1

とりまドットが抜けてるとこがあんねん。

- $('humberger-menus').click(function() {
+ $('.humberger-menus').click(function() {

Comments

[koko122102]

ご指摘ありがとうございます。解決いたしました。