2

UL をスライドさせて特定の div を表示する<ul>withオブジェクトを作成しようとしています。<li>私はこれらのdivタグを持っています:

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>

そして、このリスト：

<ul class="meny">
   <li id="show1">Show 1</li>
   <li id="show2">Show 2</li>
   <li id="show3">Show 3</li>
</ul>

この JS が機能しないのはなぜですか?

$(function() {
   $("#show1").click(function() {
       $(".meny" ).toggle("slide");
       $("#1").click("show");
   });
});

一晩中頑張った…

編集

特定のリスト オブジェクトを押すと、プロジェクトで CLICK イベントが発生するようにしようとしています。それが完了すると、ul 全体がスライドして離れ、指定された div が表示されます。

参照: http://aatw.se/test/booking.html

4

4 に答える 4

5

それもうまくいくはずです-

$("#1").css("display","block");
于 2013-06-18T01:08:02.913 に答える
1

前述のように、show 関数を呼び出す必要があります。あなたのdivが空であることは問題ではありません。ただし、ページの読み込み時にそれらを非表示にするか、css で表示を none に設定する必要があります。

ここにフィドルがあります - http://jsfiddle.net/D6qUe/2

ここにあなたの更新されたコードがあります

$("#show1").click(function() {
   $(".meny" ).toggle("slide");
   $("#1").show();
});

$('div').click(function(){
    $('.meny').toggle('slide');
    $(this).hide();    
});

可能なCSS

div{width:100px;height:100px;background-color:#afa;border:1px solid #0f0;display:none;}
于 2013-06-18T01:13:49.047 に答える