안녕하세요, 내가 쇼와 숨김에 대한 코드를 남겨두고 있습니다. 하지만 내 브라우저에서는 이미지가 플러스 또는 마이너스가 아닙니다.JQuery show/hide 또는 이미지로 전환 +/-
$(window).ready(function() {
$('header').click(function() {
var text = $(this).children(' #bericht');
if (text.is(':hidden')) {
text.slideDown('200');
$('img', this).attr('src', 'images/icons/up.png').show(200);
} else {
text.slideUp('200');
$('img', this).attr('src', 'images/icons/down.png').show(200);
}
});
$('img', this).attr('src', 'images/icons/up.png').show(200);
});
});
이것은 내 HTML 코드입니다. 이것은 내가 JSFIDDLE에있는 것입니다)
,
<section id="box-ui">
<header class="head-title">Test kopje<img class="toggle" src="images/icons/up.png" /></header>
<div id="bericht" class="berichtui">
<a href="#">Beetje tekst hier maar....?</a><br>
Beetje tekst hier maar....?<br>
Beetje tekst hier maar....?<br>
Beetje tekst hier maar....?<br>
Beetje tekst hier maar....?</div>
</section>
<section id="box-ui">
<header class="head-title">Test kopje<img class="toggle" src="images/icons/up.png" /></header>
<div class="berichtui">
Beetje tekst hier maar....?<br>
Beetje tekst hier maar....?<br>
Beetje tekst hier maar....?<br>
Beetje tekst hier maar....?<br>
Beetje tekst hier maar....?</div>
</section>
그래서 내가 말해 줄 수 잘못 사람들 뭐하는 거지.
변경'$ (이) .children ('#bericht')'찾으십시오. ('. berichtui') '. 또한, 당신은 ID를 선택하려고하면 잘못된 HTML 및 모든 문제를 일으킬 것입니다 모든 중복 ID를 제거 할 수도 있습니다. 그것이 두 번 이상 사용되면, 그것을 수업으로 만드십시오. –