jquery程序，每单击span对应一个div显示．很简单，但我不会．


<li class="rank">
    <span id="spanShowTip1" class="repeater_class">详细</span>
</li>
<div id="divTip1" title="自定义标题">
    <p>123456</p>
</div>
<li class="rank">
    <span id="spanShowTip2" class="repeater_class">详细</span>
</li>
<div id="divTip2" title="自定义标题">
    <p>7890</p>
</div>
......$(function()
        {
            //静态提示类弹出层
            $("span[id^=spanShowTip]").css("cursor","pointer").click(function(event)
            {
                $("*").stop();
                event.stopPropagation();
                var top = $(event.target).offset().top + 20;
                var left = $(event.target).offset().left;
                $("divTip[id^=divTip]").dialog("option","position",[left,top]);
                $("divTip[id^=divTip]").("div.info").dialog("open");
            });
         });以上运行效果跟要求不一样．请问程序怎么改？？？我需要一个span对应一个div．

解决方案 »

  1.   

    <script>
    $(function(){
        $("span[id^=spanShowTip]").css("cursor","pointer").click(function(event)
        {
            $(this).next().toggle().parent().siblings(".rank").find("div").hide();
        });
     });</script>
      

  2.   


    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="test_Default2" %><!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 runat="server">
        <title>无标题页</title>
        <script type="text/javascript">
        $(function(){
        $("span[id^=spanShowTip]").css("cursor","pointer").click(function(event)
        {
            $(this).next().toggle().parent().siblings(".rank").find("div").hide();
        });
     });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <ul>
        <li class="rank">
        <span id="spanShowTip1" class="repeater_class">详细</span>
    </li>
    <div id="divTip1" title="自定义标题">
        <p>123456</p>
    </div>
    <li class="rank">
        <span id="spanShowTip2" class="repeater_class">详细</span>
    </li>
    <div id="divTip2" title="自定义标题">
        <p>7890</p>
    </div>
    </ul>    
        </div>
        </form>
    </body>
    </html>
    还是不行!!