Mootools : 메뉴에서 div 들간의 페이드 조절

Question

왼쪽에 메뉴가 있습니다.li > 항목이 있고 오른쪽에는 항목 당 하나의 div가 4 개 있고 마우스로 항목을 입력하면 div 중 하나가 표시되어야합니다 . showDiv (ID)가 사업부를 보여주고 다른 사업부를 숨 깁니다

<ul><li onmouseover="javascript:showDiv("div1");">one</li><li onmouseover="javascript:showDiv("div2");">two</li>(4 li)</ul> 

같은 뭔가.

div의 :

<div id="menu1">menu1</div> 
<div id="menu2" style="display:none;">menu2</div> 
<div id="menu3" style="display:none;">menu3</div> 
<div id="menu4" style="display:none;">menu4</div> 

자바 스크립트 코드 : 저작물 등은, 내가 여기에 붙여 넣기하지 것이다 addEvent

function fadeBetweenDivs(div1, div2) { 
$$(div1).fade("out"); 
(function(){ 
    $$(div1).setStyles({ 
    display: 'none', 
    opacity: 0 
    }); 
}).delay(150); 
(function(){ 
    $(div2).setStyles({ 
    display: 'block', 
    opacity: 0 
    }); 
}).delay(150); 
$$(div2).fade("in"); 
} 
function findDiv() { 
var arrayDiv = ["menu1","menu2","menu3","menu4"]; 
for (i=0;i<arrayDiv.length;i++) { 
    var blockDiv = document.getElementById(arrayDiv[i]).style.display; 
    if (blockDiv = "block") { 
    var viewedDiv = arrayDiv[i]; 
    return viewedDiv; 
    } 
} 
} 
function showDiv(showdiv) { 
var hidediv = findDiv(); 
fadeBetweenDivs(hidediv,showdiv); 
} 

코드입니다. 실행 된 함수는 showDiv ("div id")입니다. .

문제점을 찾을 수 없습니다. div를 퇴색시키는 방법이나 최소한 간단한 방법으로 말해 줄 수 있습니까?

코드에서 오류가 많이 있습니다

Answer 1

(Mootools의, 나는 Joomla를 사용하고 작동). 문제를 이해하고 쉽게 해결책을 찾을 수 있도록 약간의 예를 만들려고했습니다. 도움이 되었기를 바랍니다.

http://goo.gl/TzlSt

당신이 의심이 있다면, 나 한테 물어 주시기 바랍니다)