Как скрывать div, показав другой?

Привет хорошие я начинающий и - perdidisimo с этим. Мне нужно, чтобы, когда я делаю onclick, чтобы показывать "precio2", скрыли от меня в свою очередь #precio1. Я функционирует accionador, чтобы показывать "precio2", но я не добиваюсь того, чтобы это способствовало тому, чтобы он скрылся "precio1", думаю, что я использую плохо hide и шоу. Конечно, что есть несколько способов делать это простым и в единственной функции, я надеюсь, что вы можете помогать мне. Спасибо!

<script type="text/javascript">
	function show(bloq) {
	 obj = document.getElementById(bloq);
	 obj.style.display = (obj.style.display=='none') ? 'block' : 'none';
}

</script>

<script>
	if ($('#precio2').is(':show'))
	$('#precio1').show();
	else
	$('#precio1').hide();

</script>
<div class="show" id="precio1"><p>100€</p></div>
<div style="display:none;" id="precio2"><p>200€</p></div>
						
<div><a onclick="show('precio2')"> Accionador</a></div>
1
задан 07.04.2016, 04:33
2 ответа

Ты мог бы использовать toggle jquery, чтобы скрывать или показывать один div или другой.

Кроме того, если ты будешь присоединять событие, лучше, если ты делаешь это той же формой, поэтому используйте click jquery вместо onclick в html.

Помнит что добавляет книжный магазин jquery в твоем коде

$("#accionar").click(function(){
  
  $('#precio1').toggle();
  $('#precio2').toggle();   
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<div class="show" id="precio1"><p>100€</p></div>
<div style="display:none;" id="precio2"><p>200€</p></div>
						
<div><a id="accionar"> Accionador</a></div>
3
ответ дан 24.11.2019, 14:37
  • 1
    Я протестировал оба выбора копируя, такой который и в двух случаях я могу показать цену 2, но это не заставляет скрывать от себя цену 1. и #191; Потому что он может быть? – Diego 07.04.2016, 16:06
  • 2
    если ты даешь возможность developer tools browser, на который ты соглашаешься с F12, ты можешь видеть в лацкане Я утешил, если есть какая-то ошибка javascript? правда странная, что оно не функционирует, так как осуществление, которое я поместил, ты можешь тестировать именно отсюда, и он отвечает. Ты помнил что добавлял книжный магазин jquery? – Leandro Tuttini 07.04.2016, 16:10
  • 3
    Верно! Код функционирует, я создал файл и он делает точно то, что я хочу, однако, когда целое на моей странице не. Я буду проверять. Спасибо! – Diego 07.04.2016, 16:20
  • 4
    Невероятный! ошибка приходит из файла " bootstrap.min.css" если я удаляю эту ссылку файла, функционируй. Но... просвет, я не могу удалять в этот полный файл, с тобой случается, откуда может приходить ошибка, или если есть какой-то способ это решать? Я работаю с versi и # 243; n 3.3.6 bootstrap. – Diego 07.04.2016, 16:45
  • 5
    что говорит сообщение ошибки? в котором он исходит из html, он это помечает. Ты включил .js bootstrap? – Leandro Tuttini 07.04.2016, 16:47

Ты можешь создавать одну funciГіn, чтобы менять состояние div:

function cambiaVisibilidad() {
       var div1 = document.getElementById('precio1');
       var div2 = document.getElementById('precio2');
       if(div2.style.display == 'block'){
           div2.style.display = 'none';
           div1.style.display = 'block';
       }else{
          div2.style.display = 'block';
          div1.style.display = 'none';
         }
   }
  <html>

<body>

 <div class="show" id="precio1"><p>100€</p></div>
 <div style="display:none;" id="precio2"><p>200€</p></div>
 <div onclick="cambiaVisibilidad()"><a id="accionar">Accionador</a>                 </div>

</body>
</html>
0
ответ дан 24.11.2019, 14:37
  • 1
    Привет Elenasys, спасибо за твой ответ. Я протестировал ее и могу показать цену 2, но так, что 1 не скрывает цену... и #191; потому что он может быть? – Diego 07.04.2016, 16:15
  • 2
    привет Диего, который редкий, если ты выполняешь bot и # 243; n " Выполнять Фрагмент c и # 243; digo" не работает?:0 я это видит функционируя! – Jorgesys♦ 07.04.2016, 16:25
  • 3
    Если, если. Функционируй совершенно прости. Он, когда вставленное во мне p и # 225; gina, когда оно прекращает функционировать, я не имею он даже не разрабатывает потому что. У меня будет какая-то ошибка или что-то, что сможет затрагивать его, я буду проверять это. Большое спасибо! – Diego 07.04.2016, 16:28
  • 4
    jeje, ok Диего. – Jorgesys♦ 07.04.2016, 16:28