style element binnen div tag

nuet

Ik moet een style element toevoegen binnen een div.
De div Preview wordt middels ajax gefired als je op Preview button klikt. Klik je wederom op Edit button, dan verdwijnt de div Preview.
Om er zeker van te zijn dat het style element niet blijft hangen, heb ik hem binnen de div Preview geplaatst. Anders had ik een harde refresh nodig om de style te verwijderen.

<div class="Preview">
   <style>
   .ButtonBar {
      display: none; /* fix voor buttonbar te laten verdwijnen in preview */
   }
   </style>
   <div class="Message"><?php echo $this->Comment->Body; ?></div>
</div>

Mag dit officieel wel op deze manier? Het werkt in ieder geval wel; als de div Preview verdwijnt verdwijnt ook het style element en wordt de Buttonbar weer weergegeven.

Erwin

Waarom los je dit niet gewoon met javascript op door display: none toe te voegen? Als je jquery hebt kan je gewoon .hide() of .show() doen.

nuet

ja idd, das net zo gemakkelijk. Goede tip!

nuet

ik heb deze gemaakt en daar reageert ie wel op , alleen pas na de 2e keer de preview button klikken helaas:

$(document).ready(function(){
  $("a.PreviewButton").click(function(){
  $(".ButtonBar").hide();
  });
  $("a.WriteButton").click(function(){
  $(".ButtonBar").show();
  });
});

Geen idee waarom niet na de eerste keer al

nuet

probleem opgelost: de code werd op de verkeerde plaats ingeladen; hij werkt nu onmiddelijk na de 1e klik