0
HTML 페이지에서 jquery "slideToggle"함수를 사용했습니다.이 기능은 헤더를 클릭하자 마자 하위 목록을 드롭합니다 내 웹 페이지에서 "Planning"이라는 이름을 사용했습니다. 나는 당신의 질문을 이해한다면Jquery "slideToggle()"기능은 Adobe Dreamweaver에서 제대로 작동하지만 브라우저에서는 작동하지 않습니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="jquery-1.8.3.min.js">
</script>
<script>
$(document).ready(function(){
$("#planning").click(function(){
$("#planning_panel").slideToggle("fast");
});
});
</script>
<title>Ecommerce Information</title>
<style type="text/css">
<!--
a:link {color:#03F; text-decoration:none; text-emphasis:none; font-size:12px} /* unvisited link */
a:visited {color:#03F; text-decoration:none} /* visited link */
a:hover {color:#F30; text-decoration:none; font-size:14px} /* mouse over link */
.style2 {font-size: 13px;
font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
.style4 {
font-size: 18px;
font-weight: bold;
color: #FF6600;
}
.style6 {color: #000000}
.style7 {font-size: 8px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style23 {font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style45 {
background-color:#E8E8E8;
}
.style44 {
background-image:url('gray_jean.jpg');
}
#planning_panel
{
display:none;
}
-->
</style>
</head>
<body>
<div align="center">
<a href="../index.html">
<img border="0" src="banner1.jpg" width="800" height="120" alt="Ecommerce Knowledge Base"></a>
<div style="background-image:url(Heading%20Background.jpg); width:800px">
<a href="../index.html" style="position:relative; left:-130px">HOME</a>
<a href="" style="position:relative; left:-65px" id="planning">PLANNING</a>
<a href="" style="position:relative; left:0px" id="design">DESIGN & HOSTING</a>
<a href="" style="position:relative; left:65px" id="marketing">MARKETING</a>
<a href="" style="position:relative; left:130px" id="technology">TECHNOLOGY</a>
</div>
<table width="800" border="0" cellspacing="0" cellpadding="5" class="style44">
<tr><td><div id="planning_panel" style="position:absolute; left:295px;top:150px; background-color:#999; padding:5px;">
<a href="../Planning/what-is-electronic-data-interchange.html">Electronic-Data- Interchange</a><br>
<a href="../Planning/web-site-analysis----a-study-in-damag.html">Web Site Analysis</a><br>
<a href="../Planning/web-ecommerce--where-to-begin.html">Web Ecommerce</a><br>
<a href="../Planning/streamline-your-website-pages.html">Streamline Web Pages</a><br>
<a href="../Planning/set-up-your-own-blog-free.html">Setting Up Blog</a><br>
<a href="../Planning/online-backup--the-simple-value.html">Online Backup</a><br>
<a href="../Planning/introduction-to-ecommerce.html">Introduction To Ecommerce</a><br>
<a href="../Planning/building-ecommerce-web-sites--where-d.html">Build eCommerce Sites</a><br>
<a href="../Planning/banned-by-google-and-back-again..html">Banned by Google</a><br>
<a href="../Planning/are-drop-ship-directories-really-wort.html">Know Drop Ship Directories</a><br>
</div></td></tr>
<tr>
<td>
<div align="center">
</div></td>
</tr>
<tr>
<td width="514" valign="top"><div align="left">
<table width="99%" height="114">
<tr>
<td align="left" height="22"><div align="justify"><span class="style7">
<font color="navy" size="1" face="Tahoma"><h1 align="center">5 Minute Guide to Video Editing for Beginners</h1><br>
</font></span></div></td>
</tr>
<tr >
<td align="left" height="12"><span class="style2"><span>My text</span><hr size=-1>
<br>
</span></td>
</tr>
</table>
</div> <p align="left"> </p>
</td>
</tr>
</table>
</div>
</body>
</html>
브라우저 콘솔에서 오류를 확인하는 방법을 학습하십시오. 그런 다음 jQuery가로드되고 있는지 확인하십시오. – Alexander