首先,我想做的是：

Row 1
Row 2
Row 3

我有代码设置,所以当我将鼠标悬停在row1,2或3上时,该行会突出显示.这是通过CSS完成的.

我希望能够(例如)单击row1然后它看起来像这样：

Row 1
  Some text here
Row 2
Row 3

该文本将保留在那里,直到我点击另一行,此时它将消失.例如,假设我点击下一行第2行.

Row 1
Row 2
  Even more text here
Row 3

我找到了代码,讨论使用javascript来执行此操作并设置文本的可见性,但我不知道如何在没有大量近似重复代码的情况下执行此操作…

解决方法:

如果你有更多的javascript而不是这个功能所需的jQuery是合理的,它会派上用场.使用jQuery,它会是这样的

$(".classOfYourRows").
    click(function(){
        $(".classOfChildren").hide();
        $(".classOfChildren", this).show();

    });