单击或悬停时如何显示另一组列

Question

我需要这样的事情rchange.net 我正在寻找他在比较表上做的事情，当你将鼠标悬停在一个类别上时，会出现一个菜单。这怎么可能？

Answer 1

如果您检查所链接文档的DOM，则可以看到左侧是<p>元素的列表。您可以使用<ul>替换它们...给他们一个像id="element-1"。

的ID

在右侧部分，有一个<div>元素列表，每个元素都包含一个表格。所有div都放在同一个地方（父容器必须是position:relative，所有div position:absolute;top:0;left:0;），但只显示一个。为它们提供所有公共类名和与list元素的ID对应的唯一类名。与<div class="divCommonClass element-1" ... />

一样

每次悬停或单击列表中的元素时，只需获取此元素var match = $(this).prop("id");的ID并查找相应的div。您可以做的一件事是，隐藏所有div，选择具有与ID对应的类名的div，显示它。

   //on click...
   var match = $(this).prop("id");
   $(".divCommonClass").hide();
   $("."+match).show();