jQueryのslideToggleについて

Question

現在jQueryのslideToggleを用いてボタンをクリックたときにメニューが下に出るようなものを作成しようといているのですがクリック時にshowメソッドを使用したような動きをしてしまいます。

イメージとしては下にぬるっと表示されるような動きで実装したいのですが現状はボタンをクリックするとパッと表示されてしましいます。

何かご教授いただければ幸いです。

下記が実際に使用ているコードになります。

<button id="hoge-btn">ぼたん</button>

<ul class="hoge-ul">
            <li>TOP</li>
            <li>ACCESS</li>
            <li>SERVICE</li>
            <li>SAMPLE</li>
            <li>CONTACT</li>  
            <li>
              <ul class="hoge2-ul">
                <li>ほげ駅</li>
                <li>000-000-000</li>
              </ul>
            </li>
          </ul>

$(function(){
    	$('#hoge-btn').on('click', function() {
             $(this).next('ul').slideToggle('fast');
        });
    }); 

Answer 1

duration を 'fast'以外にすればよいのでは。

$(this).next('ul').slideToggle();
```**動くサンプル：**[https://jsfiddle.net/bep1azno/](https://jsfiddle.net/bep1azno/)

---

【.slideToggle() | jQuery API Documentation】
[https://api.jquery.com/slidetoggle/](https://api.jquery.com/slidetoggle/)

Comments

[kyoya0819]

意外 -> 以外

[kei344]

To: asuchi0819 さん
指摘ありがとうございます、修正しました。

[parapra]

返信が遅くなり申し訳ございません！
理想通りの動きをしてくれました！ありがとうございます！