Repositionner une div lors de la fermeture de celle qui la précède

**missloo** · 11/08/2015, 15h15

bonjour

j'ai un ensemble de contenu que je dois valider grace à un bouton qui se trouve dans une div.
j'aimerais une fois la validation effectué que la div disparaisse et que le contenu suivant remonte avec un effet de glissement pour prendre la place de la div précédente. je ne sais absolument pas comment m'y prendre.
est ce que quelqu'un pourrait me donner quelques pistes pour créer cet effet.
VOICI le code de l'affichage de mes contenus

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<div class="col-lg-12">
    <section class="panel">
        <header class="panel-heading">Contenu à valider</header>
            <div class="panel-body">
 
            	<?php echo $this->Form->create('Contenu',array('id'=>'contenu')); ?>
            	<?php foreach($contenu as $c ){?>
            	<div id= <?php echo "'description".$c['InfoCentre']['id']."'"; ?> >
                <div class="col-lg-12 ">                	
                	 <h5><?php echo $c['Centre']['name']." ".$c['Town']['Name']; ?></h5>
               	</div>
               	<div class="col-lg-10"> 
                		<p><?php echo $c['InfoCentre']['description_short']; ?></p>
                </div>
                <div class="col-lg-2 mb2"> 
                	<?php echo $this->Form->button("valider", array('type' => 'button', 'class' => "btn btn-primary ", 'info_Centre_id' => $c['InfoCentre']['id']  )); ?></div>
                </div>
                <?php    }?>
                <?php echo $this->Form->end(); ?>
            </div>
    </section>
</div>

**SpaceFrog** · 11/08/2015, 15h36

il te suffit de mettre un slideToggle ou hide / show sur les divs ...

**missloo** · 12/08/2015, 09h39

merci SpaceFrog
Effectivement c'était tout bête...
Autre question comment puis je cibler ma div "descriptionID qui contient le bouton que je clique sachant que son nom dépend de l'id de mon contenu.
exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div> id ="description30" 
      <div> contenu </div>
      <div class="col-lg-2 mb2">
          <bouton class="btn btn-primary " info_centre_id="30" type="button"></bouton> 
      </div>
</div> 
<div> id ="description54" 
      <div> contenu </div>
      <div class="col-lg-2 mb2">
          <bouton class="btn btn-primary " info_centre_id="54" type="button"></bouton> 
      </div>
</div> 
<div> id ="description24" 
      <div> contenu </div>
      <div class="col-lg-2 mb2">
          <bouton class="btn btn-primary " info_centre_id="24" type="button"></bouton> 
      </div>
</div> .....

désolé pour mes questions un peu primaire mais je débute

**daffy85** · 12/08/2015, 11h12

si je me trompe pas l'id dois ce trouver a l’intérieur des div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div id ="description30" >
      <div class =  contenu ></div>
      <div class="col-lg-2 mb2">
          <bouton class="btn btn-primary " info_centre_id="30" type="button"></bouton> 
      </div>
</div>

**SpaceFrog** · 12/08/2015, 11h28

bouton type bouton ???

input type bouton ou balise button ...

sinon
à partir du

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <input class="btn btn-primary " info_centre_id="30" type="button" />

http://jsfiddle.net/gf8pbv5o/

**SpaceFrog** · 12/08/2015, 13h20

ou plus simplement par les parent ...
http://jsfiddle.net/gf8pbv5o/1/

**missloo** · 13/08/2015, 09h19

merci SpaceFrog

c'est clair et démonstratif. je ne sentirai mieux bête la prochaine fois

je me permet une dernier question.
existe t'il un moyen de compter le nombre de div visible?
je m'explique j'aimerais pouvoir rendre ma div ""cadre" qui contient toute mes div "descriptions" lorsque il n'y a plus de div visible.