2015-03-04 3 views
1
<div class="grandma"> 
    <span class="file-name">file name</span> 
    <span class="percent">100%</span> 
    <div class="clear"></div> 
    <div class="mother"> 
     <div class="upload-success"></div> 
    </div> 
</div> 

Поскольку на экране появляется надпись «upload-success», я хочу постепенно «загрузить-успех» через несколько секунд с «бабушкой» и всем, что находится внутри «бабушки».Можно ли скрыть дочерний элемент с родителем родительского элемента?

Я не знаю много о js, но я задаюсь вопросом, возможно ли это сделать. Спасибо заранее.

+0

Как 'закачивать-success' появляются на экране? Если это происходит в функции обратного вызова, вы можете 'setTimeout' исчезать элемент grandparent за несколько секунд. –

+0

, когда появляется «upload-success»? – Sai

+0

делает ли это то, что вы пытались сделать? http://jsfiddle.net/73t6gj33/1/ только событие триггера должно быть изменено в соответствии с вашим требованием – Sai

ответ

1

с помощью jquery вы можете приглушить, что, как это:

$(".upload-success").parent().parent().fadeOut(2000); //2000 milliseconds
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="grandma"> 
 
    <span class="file-name">file name</span> 
 
    <span class="percent">100%</span> 
 
    <div class="clear"></div> 
 
    <div class="mother"> 
 
     <div class="upload-success"></div> 
 
    </div> 
 
</div>

+1

Какая гениальная простая линия! Огромное спасибо. Кажется, все работает нормально. Я думал, что это было бы сложнее. Спасибо! – toyomedia