1

私はstimulation.jsでcss属性をターゲットにする際に問題があります

表示フレックスをなしに切り替えて、アイコンをクリックしたときにフレックスしたい

display:flex 

#css

.dropnav{
  display:flex
}

#hide_controller

......
static targets = [ "hide" ]
static classes =["display"]
        
connect() {
this.hideTarget.classList.add(this.displayClass)}
toggle(){
 this.hideTarget.classList.toggle(this.displayClass)}
.....

#html

 ....
  <li class="nav_items" data-controller="toggle" > 
      <a href=""  data-action="toggle#toggle" ><i class="far fa-user-circle fa-2x "></i></a>
                            
          <div class="dropnav" data-toggle-display-class="display" data-toggle-target="hide">
                 <a href="" class="drop_down_items" ></a>
                  <a href="" class="drop_down_items">Links</a>
                    .......  

エラーメッセージ

Error: Missing attribute "data-toggle-display-class"

クラスをどこに追加しますか? ありがとう

4

1 に答える 1