jquery slideUp()

http://api.jquery.com/click/


Re: Creating a toggle (show and hide) for hyperlink click

作者: 
 在 01-Sep-2009 06:56 AM.
  在   Using jQuery 
Hi,

I wish to use Jquery. I am a newbie. I have a hyperlink and when a user clicks that I wish to toggel ie. show or hide the text . This is what I have so far.

<a href="#" onclick="toggle("hidden");">FAQ</a>

<div id="hidden">
Some Questions
Some Answers
</div>

<script type="text/javascript" language="javascript">
function toggle(id) {
var state = document.getElementById(id).style.display;
if (state == 'block')
{
document.getElementById(id).style.display = 'none';
}
else
{
document.getElementById(id).style.display = 'block';
}
}
</script>

Any inputs would be greatly appreciated.
  • 无状态
  • 需要更多信息
  • 已回答
  • 等待中
Have a look at this. Will do the trick for you.

<!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>
   <title>Tyde's test lab</title>
   
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
   
   <script type="text/javascript">
      $(function() {
         $('a#faq').click(function() {
            $('div#hidden').toggle();
            return false;
         });
      });   
   </script>
</head>
<body>
<a href="#" id="faq">F A Q</a><br />
<br />
<div id="hidden">
Some Questions
Some Answers
</div>

</body>
</html>




你可能感兴趣的:(jquery)