我已经使用jQuery创建了一个过滤器,以便在单击时从div中删除一些元素.我使用opacity:0
,visibilty:hidden
所以当这些元素被过滤时,会有一个淡入淡出的动画.在淡入淡出动画之后,我然后使用display:none
它从div中删除它们.如果它们再次未经过滤,则将它们设置为display:block
并设置opacity:1
为再次出现它们的动画.
当使用"删除"div的内容时,display:none
容器div的高度立即设置为新的较短高度.我希望容器div通过动画缩短到它的新高度,而不是立即改变高度.到目前为止,有没有办法用我的解决方案做到这一点?
我希望transition: all 0.35s ease-in
在删除内容时添加会有效,但它会立即改变到它的新高度.由于这是响应式设计,高度不固定,因此在不同的屏幕宽度下会有所不同.
代码可以在以下jsfiddle中查看... https://jsfiddle.net/qv5vrz6c/
我有一个抽象类动物,它存储一些常见的字段,例如名称、健康。我有许多动物类,例如 Tiger,但我也有一个 Fish 类,它有一个其他动物类没有的附加字段canSplash
。
然后我有一个 Animal 对象的列表。我可以访问公共字段,但无法访问canSplash
Fish的字段。我正在寻找从抽象类访问具体类特定字段的帮助。
class Zoo
{
public List<Animal> animals = new List<Animal>();
public Zoo()
{
animals.Add(new Monkey());
animals.Add(new Tiger());
animals.Add(new Fish());
}
public static void displayZooPopulation()
{
foreach (var a in animals)
{
if (a.species == "fish" && a.CanSplash)
{
Console.WriteLine("{0} can splash",a.Name);
}
}
}
}
class Fish : Animal {
private bool canSplash
public bool CanSplash { get; set; }
}
Run Code Online (Sandbox Code Playgroud)