0

おそらく非常に単純なことですが、私には理解できません。リンクをクリックしたときに、div の表示を切り替えたい。

これが私の状況です

<table width="100%">
   <tr>
      <td>
         <a onclick='showDiv' />
      </td>
   </tr>
</table>
<div name='divToShow' style='display:none;' />

私がこれまで持っていたコード：

// Then show the panel with substitute information
var control = $(parent).parent().parent().parent().find('div[name$="divToShow"]');
control.toggle();

だから私はこれを達成する方法がわかりません。誰？

ありがとう、ダニエル

4

4 に答える 4

1

ID を div に割り当ててから、$('#id').toggle() を使用して表示しないのはなぜですか?

基本的な例: http://jsfiddle.net/fVXAC/

于 2012-07-28T12:59:05.973 に答える
1

jQuery のtoggle()関数を使用できます。

何かのようなもの;

$('#clickme').toggle(
function() {
    $('#mydiv').css({ 'display':'block' });
}, function() {
    $('#mydiv').css({ 'display':'none' });
});

これが実際のデモです: http://jsfiddle.net/CXHAW/

于 2012-07-28T13:06:12.710 に答える
0

これを試して

http://jsfiddle.net/Eez4g/1/

それがあなたがやろうとしていることだと思います

于 2012-07-28T13:01:22.017 に答える
0

とのような要素は<a>と<div>で閉じる必要が</a>あり</div>、自己終了ではありません。

<a>要素には属性も必要hrefですhref="#"。

$("a[onclick='showDiv']")​​​.on('click', function(e) { //find element based on onclick, would be better with an ID
    e.preventDefault(); //all <a> elements should have a href
    $(this).closest('table').next($("[name='divToShow']")).toggle();
})​​​​;​

フィドル

HTML を理解し、正しいマークアップを書くことから始めれば、javascript の使用はずっと簡単になります。

于 2012-07-28T13:14:19.093 に答える