0

Есть div, нужно чтобы при наведении на него, он исчезал и на его месте появлялся другой див. В дивах html код, через css не выйдет. Нужный js найти не могу.

1

3 ответа 3

3

HTML

<div class="div1">DIV1 
    <div class="div2">DIV2</div>
</div>

CSS

*{
    padding: 0;
    margin: 0;
}
div{
    width: 300px;
    height: 300px;    
    margin: 0 auto;
    text-align: center;
    line-height: 300px;
    font-weight: 700;
    font-family: arial;
    font-size: 24px;
    color: #fff;
    position: relative;    
}
.div1{
    background: #000;
}
.div2{
    background: #f00;
    display: none;
    position: absolute; left: 0; top: 0;    
}
.div1:hover .div2{
    display: block;  
    cursor: pointer;    
}

http://jsfiddle.net/6KzLG/ - css вариант

0

Не стоит удалять элементы из DOM, проще всего взять JQuery, выбрать этот div и скрыть его с помощью метода hide().

0

Добавь в стили ему

display: none;
0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.