Question

所以我有一个包含两列和一行的表。左列有一个超链接列表。我希望右侧列能够在单击时显示这些超链接的内容。

最终结果将使左列仍然显示所有超链接，而右列显示相应的内容。我该怎么做呢？

以下是一些代码：

 <body>
 <table width = "70%">
 <col width = "20%">
 <tr>
 <td><a href ="my_homepage.html"><big><strong>Home</strong></big></a>
 <br/>
 <a href ="about_myself.html"><big><strong>About myself</strong></big></a>
 <br/>
 <a href ="my_hobby.html"><big><strong>My hobby</strong></big></a>
 <br/>
 <a href ="my_Cv.html"><big><strong>My CV</strong></big></a>
 <br/>
 <a href ="my_links.html"><big><strong>Links</strong></big></a>
 </td>

 <td valign ="top"> </td>
 </tr>

</table>

Answer 1

可能有一种更简单的方法，但我会使用Javscript进行淡入淡出切换。

右边有一个div，内容会在点击超链接后显示。

$(document).ready(
    function() {
        $("#div").click(function(e) {
            e.preventDefault();
            $("#link").fadeToggle(1000);
        });

    });

一列中的超链接，显示第二列中的内容？

1 个答案: