javascript - javascript、float、displayが機能しない

Question

スライドアップとスライドダウンのクリック機能を備えた非常にシンプルなJavaScriptメニューを作成しようとしています。javascriptコードは機能しているようですが、何かがcssを台無しにしています。

私はいくつかのことを試しましたが、それを機能させることができません。

デモは次のとおりです：http： //goo.gl/BoIwm

どんな助けにも感謝します！

ありがとう！

Answer 1

このフィドルをチェック

サブアイテム div を再配置して、それらの位置がそれぞれのメニュー項目の下に表示されるようにしました。それ以外の場合は、ラッパーの外に配置する場合は正確な位置を指定する必要があります。

あなたのコードは正しいようですが、位置がめちゃくちゃでした..

JavaScript関数を削除し、アンカータグのクリックイベントを指定しました..

Answer 2

あなたのコード、

以下の関数を試してください。それはうまくいくはずです。また、フィドルを作成し、すべてのスタイルで質問を更新してください。そうすれば、より良い/単一の機能を提案できます

$(".Índice").click(function() {
    $(".subindice").slideDown();
});

$(".caeplus").click(function() {
    $(".subcae").slideDown();
});

$(".Follow").click(function() {
    $(".subfollow").slideDown();
});