顯示＆隱藏動態內容

好的，我有一個收件箱樣式佈局，每條消息都帶有多個帶有動態內容的消息，我想點擊一個鏈接（Action Needed），一旦點擊它就會打開一個下拉列表包含一個iFrame的div。這是我使用的JavaScript：顯示＆隱藏動態內容

<script language="javascript"> 

function toggle() { 
    var ele = document.getElementById("toggleText"); 
    var text = document.getElementById("displayText"); 
    if(ele.style.display == "block") { 
      ele.style.display = "none"; 
     text.innerHTML = "<iframe src=\"http://m.quotesin.com/an.html\" width=\"100px\" frameborder=\"0\" height=\"20px\" allowtransparency=\"yes\" scrolling=\"no\"></iframe>"; 
    } 


else { 
     ele.style.display = "block"; 
     text.innerHTML = "<iframe src=\"http://m.quotesin.com/an.html\" width=\"100px\" frameborder=\"0\" height=\"20px\" allowtransparency=\"yes\" scrolling=\"no\"></iframe>"; 
    } 
} 

</script>

這顯示此：

<a id="displayText" href="javascript:toggle();"><div style="posistion:relative;"><img src="images/iframe.png" style="position:absolute;"><iframe src="http://m.quotesin.com/an.html" width="100px" frameborder="0" height="20px" allowtransparency="yes" scrolling="no"></iframe></div></a>

設計視圖中的圖片在這裏...之前： enter image description here 此後：但是，如果收件箱中有多個這樣的內容，第二個不會打開，是否有一個簡單的css顯示和隱藏，以便父母和孩子不會共享我可以使用的相同屬性，或者有關何處的任何建議這個。

謝謝

來源

2013-02-08 mrmason

就動態HTML而言，如果不使用Javascript或JQuery，就無法處理它。其次，你寫的Javascript使用getElementById，它只允許單個元素（具有相同的ID指定）選擇。

既然你想要有相同的代碼來處理多個收件箱，你需要有容器和子選擇器，這將有助於你產生相同的效果。
您需要使用允許多選的id以外的選擇器。
讓我知道如果我錯了。如果你可以把代碼放在JS fiddel中會更好。

享受編碼;）

來源

2013-02-08 12:48:41

輝煌，謝謝，我會把它放進JS小提琴，但其呼籲各地展現給現場的不同部分，並給它的所有抨擊的jsfiddle會帶我一年的哈:)謝謝雖然會實現你的建議，並給它一個測試:) – mrmason 2013-02-08 13:00:32

顯示＆隱藏動態內容

回答

相關問題