私は4つ持ってい<div>ます。そのうちの 1 つは を使用して表示されずdisplay:none、アイコンをクリックすると表示されます。アイテムがクリックされると、jQuery トグル関数が呼び出されます。1 つ<div>が設定されdisplay:none、以前非表示だったものが表示されます。これは完全に機能していますが、なんらかの奇妙な理由で、ページのコンテンツがトグルで 10 ピクセルほど上に移動します。<div>すべてが同じcssとクラスを持っているので、何が原因なのかわかりません。CSSは次のとおりです。
element.style {
margin-right: 5px;
margin-left: 10px;
left: 0px;
display: block;
}
#contactus {
background-color: #DDD;
position: relative;
position: relative;
left: 0;
}
@media (min-width: 1200px)
.span4 {
margin-left: 5px;
width: 320px;
}
span4 は、切り替えられた div のクラスです。要素のスタイリングも同じです。この動作の原因を教えてください。URL は次のとおりです: http://contestlancer.com/davidicus/ ロゴの見出しの横にあるメッセージ アイコンをクリックすると、問題を確認できます。
アフマー。