1

2つの状態を持つボックスを作成しようとしています。

（a）ボックスの幅は70％（b）ボックスの幅は10％

ユーザーはボックスをクリックして2つの状態を切り替えることができるはずです。したがって、ボックスが状態'a'の場合、クリックすると状態'b'に移行します。ボックスが状態「b」の場合、クリックすると状態「a」に遷移します。以下のcssを使用して、ボックスの初期状態を設定しています。

#box1 {
position:relative;
left:0%;
top:0%;
width: 70%;
height: 100%;
background-color: #666;
z-index:4;
}

以下のjavascript関数を使用して、ボックスをクリック可能にします。

function slideLeft1(){
if(document.getElementById('box1').style.width='70%'){
document.getElementById('box1').style.width='10%';
 }
 else{
 document.getElementById('box1').style.width='70%';
 }
 }

70％から20％に移行するように機能していますが、その逆は機能していません。したがって、ifステートメントは機能しますがelseステートメントは機能しません。何か案は？？

4

1 に答える 1

2

条件をチェックするのではなく、double==を使用して割り当てます。

function slideLeft1(){
if(document.getElementById('box1').style.width == '10%'){
document.getElementById('box1').style.width='70%';
 }
 else{
 document.getElementById('box1').style.width='10%';
 }
 }
于 2012-12-15T04:34:41.893 に答える