Hallo,
ich würde gerne (wenn überhaupt möglich oder sinnvoll) in meinem Blog einen ein bzw. ausklappbaren Bereich schaffen der alle Artikel relevanten Infos, wie teilen, Kommentare, veröffentlicht etc. auftauchen. Nun würde ich es aber gerne so haben das diese Bereich standardmäßig ausgeblendet sind und der Betrachter selbst diese Inhalte sichtbar schalten kann. Verwendet wird derzeit das Arras-Theme,http://www.arrastheme.com/
Also wenn Jemand eine Idee hat wie sich das realisieren lies, freue ich mich!
Bisher habe ich folgendes dafür getan, aber funktioniert nicht:
1. Änderung in der Theme.css
/* Ab hier Panel */
a:focus {
outline: none;
}
#panel {
background: #754c24;
height: 200px;
display: none;
}
.slide {
margin: 0;
padding: 0;
}
.btn-slide {
background:#fff;
text-align: center;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
text-decoration: none;
}
.active {
background-position: right 12px;
}2. Änderung in der comments.php
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".btn-slide").click(function(){
jQuery("#panel").slideToggle("slow");
jQuery(this).toggleClass("active"); return false;
});
});
</script>3. Den Aufruf in der single.php
<div id="panel">
<!-- you can put content here -->
</div>
<p class="slide"><a href="#" class="btn-slide">Slide Panel</a></p>Aber es will einfach nicht wie du ihr ja auf der Seite:http://www.intoxi-hd.de/2010/09/19/icon-usb-stick-tutorial/ anschauen könnt. Hier auf meiner simplen Testseite:
http://www.intoxi-hd.de/test.html funktioniert es aber, wenn man auf Slidepanel klickt :/
Hat Jemand eine Idee wieso es nicht klappt. Habe bereits alle Plugins deaktiviert und alle anderen JS händisch rausgenommen, funktionieren tut es nicht.