展開/摺疊元素（股利）點擊顯示隱藏的內容，而無需使用css和jquery設置'ID'

新成員提前對問題格式表示歉意。展開/摺疊元素（股利）點擊顯示隱藏的內容，而無需使用css和jquery設置'ID'

展開/摺疊元素（股利）點擊顯示隱藏的內容，而無需使用css和jquery設置'id'，因此元素保持展開狀態直到再次選中，同時還可以在鼠標懸停和選定狀態下調整css。

花了幾天的時間研究，發現按鈕類的解決方案，但在dreamweever編輯這將不會工作，由於按鈕顯示。

初始div容器設置爲600px，然後當鼠標懸停/選擇調整寬度爲620px（使其在屏幕上彈出一點）顏色和背景顏色。在選擇div保持選定狀態，同時顯示隱藏的div內容。在下一次選擇時摺疊/隱藏。

特別是沒有爲任何元素設置'id'。

我這裏原油例如：http://www.calibregroup.us/jquery/jquery18.php

是否嘗試過把這裏的代碼，但系統不接受我的格式。

來源

2017-05-09 guvna

說實話，你不會是能夠做到不添加一個id（除非，你只需要在您的網站一個DIV [這是值得懷疑]）。你最好的選擇是在元素上設置一個id，不管它是「expand_collapse」還是別的。你也可以使用jQuery設置CSS屬性，我假設你知道如何去做。

友情提醒：您可以使用諸如JSFiddle或repl.it之類的網站來創建可共享的代碼，只要您在HTML標頭中使用jQuery CDN，它就會運行。

來源

2017-05-09 17:52:47 UghThatGuyAgain

的DIV一個id，如果你建議一個名字是罰款我只是不想給每個div的唯一的ID。新來jquery（實際上所有），所以不知道如何設置jQuery中的css屬性。如果有一個帖子的expand_collapse的例子可以發送一個鏈接。當我搜索時，大多數答案都是3歲以上。感謝您的提醒，我會看看。 – guvna

如果每個div都採用相同的動畫，那麼每個div只需要一個id。如果您想在幾天內學習jQuery，請查看Codecademy課程（https://www.codecademy.com/learn/jquery）。我在短短几天內就知道了，實際上就在最近。他們很容易理解，而且很容易學習。 – UghThatGuyAgain

你可以絕對沒有ID！
你的腳本使用的類名
var acc = document.getElementsByClassName("expandme");
var acc = document.getElementsByClassName("accordion");
而不是ID 我最近回答過類似的問題，LINK
與this fiddle做了一個簡單的演示。
只需按課程更改您的ID！
小提琴只是一種方法，對過程的解釋，有很多方法可以做到。

編輯
我已經做了fiddle你
正如你可以看到：
1-論.expandme
2- click事件，我們抓住他的父母.container和下降到.container孩子（它是兒童div），但不是.expandme，我們切換他們的知名度。
3-我們再次抓住他的父母並去到它的兄弟姐妹（只是其他的.container），並去它的孩子，但不是.expandme並隱藏它們。我們這樣做是爲了隱藏它，如果它是開放的，並點擊其他.expandme！

$('.expandme').click(function() { 
$(this).parent().children('div:not(.expandme)').toggle(); 
$(this).parent().siblings('.container').children('div:not(.expandme)').hide(); 
});

希望這有助於:) SYA

來源

2017-05-09 19:48:58 LebCit

看了一眼，但不是開發商剛剛走到了一起。你的例子涉及到一個列表，我正在嘗試div。我儘可能地把小提琴放進去。移動鼠標時似乎失去效果。外框從灰色變爲棕色，但在展開時應保持灰色。當兩者都打開時，也會失去div之間的空間。即使元素被選中，一旦鼠標移動，鼠標懸停上div的增加寬度也會再次丟失。當然，有一個更好的解決方案，但超出我的範圍沒有幫助。 https://jsfiddle.net/calibregroup/r5hhujma/2/ – guvna

@guvna我用小提琴和解釋編輯了我的answear。另外，你的html有一個額外的div，我刪除了。希望這會幫助你。 SYA :) – LebCit

正在取得進展。刪除腳本行以保持div的打開狀態，直到再次選中。選擇和鼠標懸停後行爲不起作用。 Div不會停留在由CSS設置的狀態。創建了一個小提琴，但（https://jsfiddle.net/calibregroup/Lvrc5qh1/），但無法得到它在這裏發表評論/評論（http://www.calibregroup.us/jquery/jquery21.php）。學習如何從腳本中調整css也許很有用。不幸的是我今天不得不在這裏工作！ – guvna

展開/摺疊元素（股利）點擊顯示隱藏的內容，而無需使用css和jquery設置'ID'

回答

相關問題