jquery erweitern/wechseln - erste div-Größe

Bitte siehe meinen code unten...

Ich bin verwirrt und wollen zunächst zeigen 30px (in der Höhe) der unter div. Derzeit kann ich nur Umschalten zum ein-oder ausblenden.

Was ich eigentlich will ist, zeigen die ersten 30px und Knebel/alles anzeigen, enthalten unten.

<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<script type="text/javascript">
  $(document).ready(function() {
  //Hide the "view" div.
  $('div.view').hide();
  //Watch for clicks on the "slide" link.
  $('div.slide').click(function() {
  //When clicked, toggle the "view" div.
  $('div.view').slideToggle(400);
  return false;
});
});
</script>
</head>
<body>
<div class="view">
  <p>shown/hidden depending on the toggle above. </p>
  <p>shown/hidden depending on the toggle above. </p>
  <p>shown/hidden depending on the toggle above. </p>
  <p>shown/hidden depending on the toggle above. </p>
  <p>shown/hidden depending on the toggle above. </p>
  <p>shown/hidden depending on the toggle above. </p>
  <p>shown/hidden depending on the toggle above. </p>
  <p>shown/hidden depending on the toggle above. </p>
  <p>shown/hidden depending on the toggle above. </p>
</div>
<div class="slide" style="cursor: pointer;">Show/Hide</div>
</body>
</html>

Dank

InformationsquelleAutor user991830 | 2012-01-20

Schreibe einen Kommentar