Impression du DIV visible

[vbaguet]

Bonjour à tous,

Je posséde une page HTML qui contient 5 div. Dans chaque DIV, j'ai l'intention de mettre une icone d'impression, permettant d'imprimer uniquement le DIV courant.
En fait quand on clique sur le titre du div, le div s'ouvre et les autres se ferment et ainsi de suite.

Voici mon code js :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
$(document).ready(function() {
  $('div.slider> div').hide();  
  $('div.slider> h3').click(function() {
    var $nextDiv = $(this).next();
    var $visibleSiblings = $nextDiv.siblings('div:visible');
 
    if ($visibleSiblings.length ) {
      $visibleSiblings.slideUp('500', function() {
        $nextDiv.slideToggle('500');
 
	});
    } else {
       $nextDiv.slideToggle('500');
 
    }
  });
 
});

Vous avez une idée de comment je peux faire ça ? Je suis perdu...

Un grand merci !

[SpaceFrog]

J'aurais tenté de modifier une class css définie dans le media print...

Code :

$(".slider").find(":hidden").addClass("noprint");

avec dans le css

Code :

1
2
3
4
5
@media print {
 
.noprint { display: none;}
 
}

Ainsi tous les elements ayant la classe noprint ne seront pas imprimés