まずは下記のソースを見て頂ければと思います。
■html
<div class="test">
<img src="a.gif" class="link" />
<div class="testlist">その1</div>
</div>
<div class="test">
<img src="a.gif" class="link" />
<div class="testlist">その2</div>
</div>
・
・
<!--上記内容の繰り返し-->
上記のようなソースがあり、各「link」をクリックすると、すぐ下の
「testlist」の内容が表示するといった作りにしようとしています。
ですが、
$(".link").click(function() {
$(".testlist").fadeIn('nomal');
});
と書くと当然全てのtestlistが開いてしまいます、クラス名は変えずに個別に開く方法はないでしょうか?
特定したい要素にid属性を付与してください。
この場合、testlistとlinkに、何か一意のidを付与させる必要があります。
その上でjavascriptを訂正してください。
idとclassは併用することができます。
ご回答ありがとうございます。
ですが今回はできるだけhtml側の記述は変更せずjavascriptだけで処理する方法がよいです。
説明不足でした、すみません。