Блог

Главная - Вопросы по программированию - JS изменяет содержимое щелчком мыши

JS изменяет содержимое щелчком мыши

#javascript

#javascript

Вопрос:

Мне нужна ваша бесценная помощь!!!

У меня есть 2 слайда в верхней части экрана, и они меняются через 10 секунд (цикл). Вы можете посмотреть здесь: http://packageonly.tk/test

Если вы нажмете на ПОЛНУЮ информацию — на обоих слайдах — вы увидите содержимое в нижней части экрана — я хочу, чтобы их заменили. итак, внизу отображается только 1 информация — ORR — интересно, как я могу подключить содержимое внизу к верхнему — чтобы содержимое соответственно изменилось.

Спасибо

До сих пор я использовал этот код:

 function myFunction() {
  var x = document.getElementById("id1");
  if (x.style.display === "none") {
    x.style.display = "block";
    
  } else {
    x.style.display = "none";
  }
}

function myFunction2() {
  var x2 = document.getElementById("id2");
  if (x2.style.display === "none") {
    x2.style.display = "block";
    
  } else {
    x2.style.display = "none";
  }
}  
 <div id="id1">This is id1</div>
<div id="id2">This is id2</div>

<button type="button" onclick="myFunction()">myFunction()</button>
<button type="button" onclick="myFunction2()">myFunction2()</button>

Комментарии:

1. Я думаю, неясно, что вы пытаетесь сделать. Вы хотите, чтобы видео исчезали при появлении раздела «содержимое»? Есть ли что-то конкретное, что вы хотите отобразить в разделе содержимого?

Ответ №1:

Похоже, вы не заставляете старую информацию исчезать. Попробуйте это:

 function myFunction() {
  var x1 = document.getElementById("id1"); // renamed this
  var x2 = document.getElementById("id2"); // added this
  if (x1.style.display === "none") {
    x1.style.display = "block";
    x2.style.display = "none"; // added this to remove the old info
  } else {
    x1.style.display = "none";
  }
}

function myFunction2() {
  var x1 = document.getElementById("id1");
  var x2 = document.getElementById("id2");
  if (x2.style.display === "none") {
    x2.style.display = "block";
    x1.style.display = "none";
  } else {
    x2.style.display = "none";
  }
}