Не удается преобразовать следующий код из идентификаторов в классы.
В основном то, что делает код, показывает один Div, а другой скрывает.
В оригинальной версии это было просто, потому что расположение div было абсолютным.
В версии классов мне нужно раскрыть следующий экземпляр «product-specs», в зависимости от того, на каком DIV был размещен onClick.
ПРИМЕЧАНИЕ / РЕДАКТИРОВАТЬ: Это несколько версий одних и тех же классов на странице. Таким образом, ссылки на классы должны быть привязаны к ближайшему экземпляру класса в зависимости от местоположения ссылки, по которой щелкнули.
HTML:
<div id="product-details">
<area shape="rect" onClick="swap3('product-details','product-specs');">
</div>
<div id="product-specs">
<p>Content</p>
</div>
Javascript:
function swap3(oldDivId, newDivId) {
var oldDiv = document.getElementById(oldDivId);
var newDiv = document.getElementById(newDivId);
oldDiv.style.display = "none";
newDiv.style.display = "block";
}
Однако теперь мне нужно добавить несколько экземпляров сведений о продукте Div & Products specs
Новый HTML:
<div class="product-details">
<area shape="rect" onClick="swap3('product- details','product-specs');">
</div>
<div class="product-specs">
<p>Content</p>
</div>
<div class="product-details">
<area shape="rect" onClick="swap3('product- details','product-specs');">
</div>
<div class="product-specs">
<p>Content</p>
</div>
Новый Javascript:
????????