0

ねえ、ウェブページのセクションを下にスライドさせて、その背後にある別の div を明らかにする方法を考えていました。これのトリガーがタグをクリックすることを望んでいました（それが不可能な場合は変更できます...）

これをどのように構成し、どのjqueryとCSSが適していますか? HTML と CSS の経験はありますが、jquery の経験はほとんどありません。

ありがとう。

4

5 に答える 5

0

次のように、アンカータグ内でonclick属性を使用できます。

<a id="mydiv" onclick=myfunction()>text</a>

次に、htmlドキュメントの先頭にあるスクリプトタグ内で、myfunction（）を定義します。myfunction（）は、ネストされたdivを表示します。これは、最初は非表示に設定されます。おそらくcssを使用します。

myfunction()
{
    $('#nested_div').show();
}

これは、ネストされたdivのIDが「nested_div」であると想定しています。また、jqueryライブラリが1）htmlページを介してリンクされ、2）指定されたパスに配置されていることを確認する必要があります。

お役に立てれば。

于 2013-02-28T09:18:24.223 に答える
0

JS

$('.tag').click(function(){
    ($('#top').css("margin-top")=="0px") ? $('#top').animate({marginTop:"100px"},500) : $('#top').animate({marginTop:"0px"},500); 
});

動作するデモで jsFiddle を作成しました - http://jsfiddle.net/Kh3GE/

楽しみ

于 2013-02-28T09:30:28.790 に答える
0

あなたが遊ぶための簡単な例：

<a id="myLink">Click me</a>
<div id="mySlider">Tada!</div>

JS:

$(function() {
    $('#myLink').click(function() {
        $('#mySlider').slideDown();
    });
});

http://jsfiddle.net/samliew/txcbA/

于 2013-02-28T09:14:23.227 に答える
0

$("#div").slideToggle(); を使用するだけです。

アンカータグのクリックイベントでトリガーされる関数を使用します。

$(function()
  {
      $('#dropIt').click(function(e)
        {
            e.preventDefault();
            $('.dropdown').slideToggle(2000);
        });
  });

参照は次のとおりです：デモ

于 2013-02-28T09:31:13.250 に答える
0

同じボタンで表示と非表示を切り替えたい場合はslideToggle()、slideDown の代わりに使用します。

$("#link").click(function(){
    $("#div").slideToggle();
});
于 2013-02-28T09:19:57.727 に答える