jquery - 1つのdivを表示し、他のdivを非表示にする

Question

このスクリプトを作成しました。リンクをクリックすると、リンクと同じIDのdivが表示され、非表示にできる他のクラスが非表示になります。

function showhide(id) {
      if (document.getElementById) {
        var divid = document.getElementById(id);
        var divs = document.getElementsByClassName("hideable");
        for (var i = 0; i < divs.length; i = i + 1) {
          $(divs[i]).fadeOut("slow");
        }
        $(divid).fadeIn("slow");
      }
      return false;
    }

しかし、リンクをクリックすると、最初のdivが非表示になり、他のdivが表示され、非常にひどいように見えます。他のdivをアニメーションなしで非表示にし、アニメーション付きのdivを表示するにはどうすればよいですか。

$（divid）.style.display ="none";で試してみました しかし、それは機能しません。

Answer 1

.hide（）はアニメーションなしで非表示になります

あなたの場合：

$(divs[i]).hide();