Display div when clicking another, several with javascript

Question

Display div when clicking another, several with javascript

Navigation

#1 by (1 votes)
#2 by (0 votes)

0

Hello, I need to create a div that I want to add to the div.

<div class="item" id="faq">
                      <div class="title"><b>Ola titulo todos</b></div>
                      <div class="text" style="display:none;">Teste de mensagem todos</div>
                
</div>
<div class="item" id="faq">
                      <div class="title"><b>Ola titulo todos</b></div>
                      <div class="text" style="display:none;">Teste de mensagem todos</div>
                
</div>
<div class="item" id="faq">
                      <div class="title"><b>Ola titulo todos</b></div>
                      <div class="text" style="display:none;">Teste de mensagem todos</div>
                
</div>

javascript

asked by anonymous 02.09.2016 / 03:50

2 answers

Paypal Plus integration: incorrect iframe View of two tables

score 1 · Answer 1

See an example with pure JavaScript and without using ID .

var x = document.getElementsByClassName("text");

x[0].style.display = "block"; // onde 0 é o índice.

x[1].style.display = "block"; // onde 1 é o índice.
x[1].style.color = "red"; // onde 1 é o índice.

x[2].style.display = "block"; // onde 2 é o índice.
x[2].style.color = "blue"; // onde 2 é o índice.

<div class="item" id="faq">
                      <div class="title"><b>Ola titulo todos</b></div>
                      <div class="text" style="display:none;">Teste de mensagem todos</div>
                
</div>
<div class="item" id="faq">
                      <div class="title"><b>Ola titulo todos</b></div>
                      <div class="text" style="display:none;">Teste de mensagem todos</div>
                
</div>
<div class="item" id="faq">
                      <div class="title"><b>Ola titulo todos</b></div>
                      <div class="text" style="display:none;">Teste de mensagem todos</div>
                
</div>

score 0 · Answer 2

I have decided as follows. I got the value of the id with click and in the same place that I get already I make the change of the div I want to show it.

<script type="text/javascript"> 
function passar(id){ 

var display = document.getElementById(id).style.display;
 if(display == "block")
    document.getElementById(id).style.display = 'none';
else
    document.getElementById(id).style.display = 'block';

}; 

</script>

<?php
$id_log_ass=$_REQUEST['id_log_ass'];


include_once("../config.inc");

$consulta = mysql_query("SELECT * FROM ass_mensag where men_id_ass= 0 or men_id_ass=$id_log_ass order by men_data desc");
$num_rows_men = mysql_num_rows($consulta );


while($linha = mysql_fetch_array($consulta))
{
?>


<div class="item">

                      <div class="title" onclick="passar(<?php echo $linha['id_men'];?>);" ><b><?php echo $linha['men_titulo'];?></b></div>
                      <div class="text" id="<?php echo $linha['id_men'];?>"><?php echo $linha['men_mensagem'];?></div>
                
</div>

<?php
}
?>
</div>