2012-01-14 3 views
0

Можно создать дубликат:
Fade HTML element with raw javascriptКак убрать все div в контейнере, кроме одного без jQuery?

Любой один трюк Know Javascript, чтобы сделать это? На самом деле я не хочу любые другие библиотеки, чтобы сделать это ..

+0

Покажите, какова ваша текущая структура html и покажите, что у вас есть, возможно, до сих пор ... –

ответ

0

Не уверен, но этот код должен помочь я

document.getElementById('ELEMENT-ID').style.opacity = 0.4; 
document.getElementById('ELEMENT-ID').style.filter = "alpha(opacity=40)"; 

Вы можете использовать

getElementsByTagName("div") или getElementsByClassName("CLASS-NAME") фильтровать вперед.

Cheers!

-1

Что вы не хотите исчезать?

, если это тот, который получил щелчок, давайте представим себе:

<div id="container"> 
    <ul> 
     <li>Item 1</li> 
     <li>Item 2</li> 
     <li>Item 3</li> 
     <li>Item 4</li> 
     <li>Item 5</li> 
    </ul> 
</div> 

и вы подключили click событие для всех li элементов

$("#container li").click(function() { }); 

вы можете просто делать:

$("#container li").click(function() { 
    $("#container li").not(this).fadeIn(); 
}); 

описание примера with opacity

без каких-либо рамок, чтобы помочь вам, вы будете в конечном итоге писать много кода ...

, например, вы можете увидеть, что только подключить к onDomReady много ужасный код в этом ответе

javascript domready?

и худшей, что все это, является то, что вам нужно написать код для каждой версии браузера, так как есть много двигателей и тот же треск e никогда не будет работать на всех них, большой вопрос:

Вы действительно хотите пойти без jQuery?

+0

* [...] без jQuery * –

+0

прочитать ответ ... – balexandre

+0

Пока вы объясняете причины Следует использовать jQuery, все в порядке. Но ты не сделал, когда написал свой комментарий. Хотя я думаю, что DOM готова, это не аргумент. Вы всегда можете поместить свой код в конец 'body', который будет достаточным для большинства ситуаций. И, как вы, возможно, видели в вопросе, связанным с дубликатом, написание собственного простого сценария fade на самом деле не так сложно (хотя, возможно, это не совместимо с x-браузером). Конечно, jQuery предоставляет еще много возможностей в этом отношении. –

Смежные вопросы