我需要我創建的按鈕來打開關閉wordpress中的內容div

Question

我有一個div，內容ie。短代碼，圖像，鏈接等

我需要我的開關切換div容器沒有jQuery。我花了幾天的時間，並會非常感謝一些幫助。

我已經包含了開關代碼。在關閉的div必須display.style = 「無」

HTML

<img id="switch" onclick="changeImage()" src="http://designplatform.byethost15.com/on.png" width="60" height="150"> 

的JavaScript

<script> 
function changeImage() 
{ 
    element=document.getElementById('switch'); 
    if (element.src.match("off")) 
    { 
     element.src="http://designplatform.byethost15.com/on.png"; 
    } 
    else 
    { 
     element.src="http://designplatform.byethost15.com/off.png"; 
    } 
} 
</script> 

Answer 1

您可以使用jQuery做到這一點。

添加了jQuery的HTML：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

取出從<img>元素onclick=changeImage()功能，並添加以下的jQuery（在snippett的第一部分）複製到您的<script>標籤上您的HTML。

$(function() { 
 
    $("#switch").click(function() { 
 
    if ($("#switch").val()=="off") 
 
{ 
 
$("#switch").attr("src","http://designplatform.byethost15.com/on.png"); 
 
    $("#switch").val("on"); 
 
} 
 
else 
 
{ 
 
    $("#switch").attr("src","http://designplatform.byethost15.com/off.png"); 
 
    $("#switch").val("off"); 
 
} 
 
    
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img id="switch"  
 
src="http://designplatform.byethost15.com/on.png" width="60" height="150">