클릭하면 1 (2), 1 (1)을 다시 클릭하면 2 다시 나타납니다 ... 반복합니다! 아래의 하위 카테고리를 가져 오지 않습니다.슬라이드를 클릭하면 IE에서 더 이상 작동하지 않습니다. (구체적으로 9)
Firefox 용과 Safari에서는 작동하지만 Internet Explorer에서는 작동하지 않습니다 (9). 나는 그것이 실제로 8에서 작동한다고 생각하지만 더 이상 8 그것을 가지고 재 시도하지 않습니다. 모든 style="display:hidden;"
잘못의
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="kin-js/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
jQuery(".toggle_container").hide();
jQuery("li.trigger").click(function(){
jQuery(".toggle_container").hide();
jQuery(this).toggleClass("active").next().slideToggle("slow");
});
});
</script>
</head>
<body>
<li style="padding: 4px 0 4px 0; list-style:none;" class="trigger"><a href="javascript:void();"><strong>One (1)</strong></a></li>
<div class="toggle_container" style="display:hidden;">
- <a href="#">1 sub 1</a><br>
- <a href="#">1 sub 2</a><br>
- <a href="#">1 sub 3</a><br>
</div>
<li style="padding: 4px 0 4px 0; list-style:none;" class="trigger"><a href="javascript:void();"><strong>Two (2)</strong></a></li>
<div class="toggle_container" style="display:hidden;">
- <a href="#">2 sub 1</a><br>
- <a href="#">2 sub 2</a><br>
- <a href="#">2 sub 3</a><br>
</div>
<li style="padding: 4px 0 4px 0; list-style:none;" class="trigger"><a href="javascript:void();"><strong>Three (3)</strong></a></li>
<div class="toggle_container" style="display:hidden;">
- <a href="#">3 sub 1</a><br>
- <a href="#">3 sub 2</a><br>
- <a href="#">3 sub 3</a><br>
</div>
</body>
</html>
링크에서 void()를 피하십시오. jQuery를 사용하고 있으므로 event.preventDefault()를 사용하고 클릭 이벤트를 링크에 첨부하십시오. – j08691