我試圖做到這一點，以便當用戶單擊三角形/它旁邊的文本時，三角形會轉動并在其下方顯示一個 PHP 變量。但是，當我這樣做時，它似乎不起作用，并且光標指針甚至沒有出現。任何幫助，將不勝感激。謝謝，代碼如下function triangleChange1() { var x = document.getElementById("triangle1") var y = document.getElementById("bID") if (y.style.display === "none") { x.style.transform = "rotate(90deg)"; y.style.display = "block"; } else { x.style.transform = "rotate(-90deg)"; y.style.display = "none"; }}.triangle1/*, .triangle2, .triangle3, .triangle4, .triangle5*/{ width: 0; height: 0; border-top: 6px solid transparent; border-left: 14px solid #555; border-bottom: 6px solid transparent; margin-left: -25px; cursor: pointer; transition: 0.5s;}<div class="triangle1" id="triangle1" onclick="triangleChange1()"></div> <div class = "balance" onclick="triangleChange1()"> Student Card Balance </div><br><div class = "bID" id="bID"> $<?php echo $Balance;?> </div><br>
1 回答
小怪獸愛吃肉
TA貢獻1852條經驗 獲得超1個贊
我沒有看到三角形，但你必須給出尺寸屬性才能div看到，我猜你錯過了。
function triangleChange1() {
var x = document.getElementById("triangle1")
var y = document.getElementById("bID")
if (y.style.display === "none") {
x.style.transform = "rotate(90deg)";
y.style.display = "block";
} else {
x.style.transform = "rotate(-90deg)";
y.style.display = "none";
}
}
.triangle1
/*, .triangle2, .triangle3, .triangle4, .triangle5*/
{
width: 30px;
height: 30px;
border-top: 6px solid transparent;
border-left: 14px solid #555;
border-bottom: 6px solid transparent;
margin-left: 25px;
cursor: pointer;
transition: 0.5s;
border: 1px solid red;
background: teal;
}
<div class="triangle1" id="triangle1" onclick="triangleChange1()"></div>
<div class="balance" onclick="triangleChange1()"> Student Card Balance </div><br>
<div class="bID" id="bID"> $
<?php echo $Balance;?> </div><br>
- 1 回答
- 0 關注
- 175 瀏覽
添加回答
舉報
0/150
提交
取消