0

私は一日中この問題を解決しようとしてきましたが、今のところうまくいきません。何をすべきかはわかっているような気がしますが、コードを書くことができないようです。slideToggle()オプションのセットを表示/非表示にするために使用しています。ただし、オプションを非表示にするdivと、下部の高さが変わります。そうならないようにするにはどうしたらいいでしょうか？高さはそのままでいいと思います。

私の推測ではslideToggle()、関数を作成して if/else ステートメントを使用する必要がありますが、それを理解できないようです。

私がこれまでに持っているものについては、JSFiddle で実際の例を参照してください。

助言がありますか？ご協力いただきありがとうございます。

4

2 に答える 2

2

それを作り、価値position:absoluteを与えるtop

フィドル

#radio-buttons {
    width: 288px;
    height: 20px;
    font-size: 11px;
    border-right: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    float: left;
    background: #FFF;
    padding: 6px;
    position:absolute;
    top:35px;
    
}

#box-below {
    width: 300px;
    height: 200px;
    border-right: 1px solid #8D8D8D;
    border-bottom: 1px solid #8D8D8D;
    /*Removed float*/
}
于 2013-05-22T05:06:52.830 に答える
0

PSL で提案されているように、要素で絶対配置を使用することができない場合は、div の高さを変更し、 div#radio-buttonsのフロートをクリアできます#box-below。

JSFiddle

CSS

#box-below {
    width: 300px;
    height: 200px;
    border-right: 1px solid #8D8D8D;
    border-bottom: 1px solid #8D8D8D;
    float: left;
    clear: both;
}


#radio-buttons {
    width: 288px;
    height: 14px;
    font-size: 11px;
    border-right: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    float: left;
    background: #FFF;
    padding: 3px 6px 9px;
}
于 2013-05-22T05:09:53.467 に答える