隱藏/顯示Div-Wordpress分類頁

我一直在尋找3個多小時試圖找出這個問題，所以我道歉，如果你認爲這已被回答。隱藏/顯示Div-Wordpress分類頁

我完全知道如何添加一個顯示/隱藏div到頁面，但我很努力將其添加到WP中的類別頁面。

我的網站：http://www.ticketyoda.co.uk/6-nations-tickets

我需要的是能夠有當選擇一個按鈕，可以顯示每個類別下一個DIV。目前，當我選擇一個切換鍵時，它會隱藏並顯示頁面上的所有div。

2014-09-22 user1208025

你瞄準與類「炫」的所有div。您可以通過添加this解決這個問題，以指定您只被點擊的元素感興趣：

$(document).ready(function() { 
    $(".flip").click(function() { 
     var target= $(this).next(".panel"); 
     $(target).toggle(); 
    }); 
});

來源

2014-09-24 02:28:41 AJFarkas

這裏有一個[小提琴]的（http://jsfiddle.net/ajfarkas/tnb9rh98/1/）這在行動（抱歉，它不是很漂亮）。 – AJFarkas 2014-09-24 02:34:08

完美！非常感謝你。 – user1208025 2014-09-24 15:22:03

有更多信息。

看到這裏..

http://www.ticketyoda.co.uk/professor-green

<script type="text/javascript" 
src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $(".flip").click(function() { 
     $(".panel").slideToggle(""); 
    }); 
}); 
</script>

HTML

<style type="text/css"> 
div.panel { 
margin-top:10px; 
margin-left:0px; 
margin-bottom:120px; 
padding: 0px; 
background: #fff; 
border: solid 1px #fff; 
} 
p.flip { 

    margin-top:0px; 
margin-left:540px; 
margin-bottom:0px; 
padding: 0px; 
margin-top:-32px; 
background: #fff; 
border: solid 1px #fff; 


} 

div.panel { 
widht: 50%; 
height: 60px; 
display: none; 
} 
</style> 



<p class="flip"><img src="http://www.ticketyoda.co.uk/wp-content/uploads/2013/03/ticketview.png" /></p>

來源

2014-09-23 21:39:26

隱藏/顯示Div-Wordpress分類頁

回答

相關問題