Question

如何设置可扩展图标。（即）让我们考虑表有那么多行可以如果您通过单击视图按钮查看一行。 [视图按钮应该包含（+）符号以及（ - ）这两个符号将在同一个地方确定。]如果你按下查看按钮，符号将自动更改为（ - ）。然后如果你点击另一行。现有的（ - ）符号将更改为（+）。现在当前行将更改为（ - ）。如果你明白这意味着......

如何在所有

的同一个地方设置+图标和 - 图标

Answer 1

假设您有以下按钮

<input type="button" class="expand" onclick="MyAction(this)" />

你的css课程将是

.expand
{
 background-image: (Path for Expand icon)
}

.collaps
{
 background-image: (Path for collaps icon)
}

你将拥有如下的javascript

<script type="text/javascript">
function MyAction(element)
{
  if(element.className =="expand")
 {
   // logic for collaps behavior
   element.className = "collaps";
 }
 else
{
   // logic for expand behavior
   element.className = "expand";
}
}
</script>

您需要更多CSS技巧来修复和对齐图标，但我希望您可以轻松完成：）

如何在同一个地方设置可扩展图标

1 个答案: