javascript - jQueryアコーディオンは少しグリッチがあり、よりスムーズになる可能性があります

Question

だから私は就職の面接プロジェクトにjQueryアコーディオンを使用していますが、本当にスムーズにしたいので見栄えがします。

左側にあります。他にもいくつかあります。リンクをクリックすると、奇妙な青い選択ボックスが表示されます。また、小さな三角形の画像をオンにして、現在のように変な場所に配置されないようにしたいと思います。

score 2 · Accepted Answer

本当に滑らかにしたいので見栄えが良い

あなたは本当にこれをもっと定義する必要があります、しかし私はあなたがそれが開かれるときアコーディオンの内容がどのようにジャンプするかについて話していると思います。

これは、に適用されるデフォルトのマージンが原因のようです。設定マージン：0; これらで問題を修正します。さらに良いことに、cssリセットを使用します。これは広く使われています。

リンクをクリックすると、ぎこちない青い選択ボックスが表示されます

これを削除するには、要素のアウトラインを使用できます。

outline: 0;

詳細については、 http：//css-tricks.com/removing-the-dotted-outline/を参照してください。

小さな三角形の画像をオンにして、現在のように奇妙に配置されないようにします

矢印については、次のcssを適用して配置できます。

.arrow-down {
  position: absolute;
  left: 230px;
  margin-top: 5px;
}

score 1 · Accepted Answer

css を変更して、次のようにします。

#accordionarea a {
    outline: none;
}

.arrow-down {
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 8px;
}

たぶん、私たちがあなたのためにこれをしなければならないのは少し奇妙ですか？

2 に答える 2