アコーディオンメニューを設置したのですか、開いた時にすべてが表示されずに下部がきれてしまします。
どこかに高さを制限しているところがあるのでしょうか?
知識が無く、いろいろ調べてみたりしたのですがわかりません。
どなたか教えていただけませんでしょうか?
-------------script.js----------------
var accordion=function(){
var tm=sp=10;
function slider(n){this.nm=n; this.arr=[]}
slider.prototype.init=function(t,c,k){
var a,h,s,l,i; a=document.getElementById(t); this.sl=k?k:'';
h=a.getElementsByTagName('dt'); s=a.getElementsByTagName('dd'); this.l=h.length;
for(i=0;i<this.l;i++){var d=h[i]; this.arr[i]=d; d.onclick=new Function(this.nm+'.pro(this)'); if(c==i){d.className=this.sl}}
l=s.length;
for(i=0;i<l;i++){var d=s[i]; d.mh=d.offsetHeight; if(c!=i){d.style.height=0; d.style.display='none'}}
}
slider.prototype.pro=function(d){
for(var i=0;i<this.l;i++){
var h=this.arr[i], s=h.nextSibling; s=s.nodeType!=1?s.nextSibling:s; clearInterval(s.tm);
if(h==d&&s.style.display=='none'){s.style.display=''; su(s,1); h.className=this.sl}
else if(s.style.display==''){su(s,-1); h.className=''}
}
}
function su(c,f){c.tm=setInterval(function(){sl(c,f)},tm)}
function sl(c,f){
var h=c.offsetHeight, m=c.mh, d=f==1?m-h:h; c.style.height=h+(Math.ceil(d/sp)*f)+'px';
c.style.opacity=h/m; c.style.filter='alpha(opacity='+h*100/m+')';
if(f==1&&h>=m){clearInterval(c.tm)}else if(f!=1&&h==1){c.style.display='none'; clearInterval(c.tm)}
}
return{slider:slider}
}();
-----------------------------------------
-----------style.css--------------------------
* {margin:0; padding:0}
#accordion2 {width:180px; margin:10px auto; border:0px solid #000; border-top:none}
.accordion2 {width:180px; font:10px Verdana,Arial; color:#fff}
.accordion2 dt {width:180px; border-top:0px solid #333}
.accordion2 dt:hover {background-color:#fff}
.accordion2 .open {background-color:#fff}
.accordion2 dd {overflow:hidden; background:#fff}
.accordion2 span {display:block; width:180px; border-top:none; padding:0px}
----------------------------------------
A 回答 (1件)
- 最新から表示
- 回答順に表示
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript 画像の表示位置 3 2022/12/23 08:25
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
変数と文字列からオブジェクト...
-
gas スプレッドシートがアクテ...
-
C#OpenCv V4にのエラーに関する...
-
なぜmatchメソッドがエラーにな...
-
GASでundefinedエラーが出ます
-
html javascript リンク先アド...
-
JAVAScriptでNotePad操作
-
APIを使って埋め込んだグーグル...
-
pdfに丸秘などのスタンプを...
-
毎日日付の変わるタイミングを...
-
テキスト改行(split+vbCrLf)に...
-
javaScriptのコードの修正をお...
-
javascriptでiframeのURL変更は?
-
カラー表記の足し算プログラム
-
特定のclassを表示、非表示にする
-
チェックボックスのチェック保持
-
GoogleMapで設定したルート上の...
-
誕生日からの日数を表示するJav...
-
今日で生まれて何日何分何十秒...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
javaScriptのコードの修正をお...
-
ジェネレーターの作り方
-
翌月を取得するGASが分かりません
-
ASP.NETのコントロールの値をJa...
-
GASでundefinedエラーが出ます
-
C#で、ContextMenuStripに動的...
-
GASでGoogleフォームの自動返信...
-
VSCODE[Python]の設定について
-
ASP.NET MVCでObjectをjsに渡す
-
C# 演算 奇数と偶数 表現の仕方
-
javascriptでiframeのURL変更は?
-
イベントが初めの一回しか起き...
-
なぜmatchメソッドがエラーにな...
-
jqGridについて
-
gas スプレッドシートがアクテ...
-
JavaScriptで文字列の特定文字...
-
googleスプレッドシートのApps ...
-
var exports = exports || {}; ...
おすすめ情報