jquery - jquery fadeOut() は機能しますが、slideUp() は機能しません

Question

ここのスクリプトは非常に単純ですが、なぜ機能しないのかわかりません。

HTML:

<div class="services-tab">...</div>

<div id="services-content">...</div>

JavaScript:

$(document).ready(function(){
  $(".services-tab").click(function(){
    $("#services-content").slideUp();
  });
});

slideUp() を fadeOut() に置き換えると機能しますが、これは私が望む効果ではありません。私は何を間違っていますか？

score 0 · Accepted Answer

以下の参照をコードに追加してください。問題が解決します

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">

このJqueryを使用したライブデモについては、ここをクリックしてください。

score 0 · Accepted Answer

この最新の jquery ライブラリを使用してください。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

その仕事。

score 0 · Accepted Answer

ID から # を削除

<div id="#services-content">...</div>

で置き換えます

<div id="services-content">...</div>

score 0 · Accepted Answer

わかりました、これで解決しました。私はこれでjqueryをロードするFoundation4を使用しています：

<script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><\/script>')
  </script>

代わりに、jquery を直接ロードしました。

そして今、それは機能します。

4 に答える 4