div를 표시하거나 숨기려면 다음 코드를 작성했습니다. 한 번에 한 div를 표시하고 다른 div는 숨 깁니다. Safari를 제외한 모든 브라우저에서 작동합니다.Safari에서 JQuery 숨기기 기능이 작동하지 않습니다.
HTML
<div class="buttons">
<a class="button" id="showdiv1">Div 1</a>
<a class="button" id="showdiv2">Div 2</a>
<a class="button" id="showdiv3">Div 3</a>
<a class="button" id="showdiv4">Div 4</a>
</div>
<div id="div1">1</div>
<div id="div2" style="display:none;">2</div>
<div id="div3" style="display:none;">3</div>
<div id="div4" style="display:none;">4</div>
JQuery와
$('#showdiv1').click(function() {
$('div[id^=div]').hide();
$('#div1').show();
});
$('#showdiv2').click(function() {
$('div[id^=div]').hide();
$('#div2').show();
});
$('#showdiv3').click(function() {
$('div[id^=div]').hide();
$('#div3').show();
});
$('#showdiv4').click(function() {
$('div[id^=div]').hide();
$('#div4').show();
});
나는 절대 초보자 오전 JQuery와 여러 된 div를 보여주는에 가장 우아한 해결책이 될 것이라고 생각하고있다! Safari를 제외하고!
도움이 될만한 도움이 될 것입니다.
작품 : http://jsbin.com/iqexec –
그리고는 이 http://jsfiddle.net/RMhkW/ – peterfoldi
코드는 당신이 인용 한 너무 나를 위해 사파리 5.1.5 작동 질문에 잘못된 문자가 있습니다. 그것은 U + 200B 문자입니다. 만약 내가 실제로 복사하여 코드를 붙여 넣으면, 나는 그것을 시도한 모든 브라우저에서 실패합니다. http://jsbin.com/ojezin 이전 버전에서는 어떻게 든 그 캐릭터를 소개하고 삭제했다고 가정했지만 분명히 삭제했습니다. 아니. –