如何在同一位置设置可扩展图标

how to set expandable icon in same place

本文关键字：设置 可扩展 图标 位置      更新时间：2023-09-26

如何设置可扩展图标。(即，让我们考虑表格有这么多行ok如果通过单击视图按钮查看一行。[视图按钮应该包括(+)号和(-)，这两个符号将在同一个地方，好吧。如果您点击查看按钮，标志将自动更改为(-)。然后如果单击另一行。现有的(-)号将更改为(+)。现在，当前行将被更改为(-)。如果您清除，这意味着.....

如何设置+图标和-图标在同一个地方，所有

假设您有以下按钮

<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技巧来修复和对齐图标，但我希望你能很容易地做到:)

相关文章：