Dear osclass users and developers!
After modifying header.php can't click on images and accordion doesn't work! Is it javascript?
When I delete
<style type="text/css"> html,body { margin: 0; padding: 0;}.background {position: absolute; display: block; top: 0; left: 0; z-index: 0;}
</style> accordion is working but head with logo is going below
Text in header.php:
<head><style type="text/css">
html,body { margin: 0; padding: 0;}.background { position: absolute; display: block; top: 0; left: 0; z-index: 0;}
</style><canvas class="background" width="1898" height="322" style="width: 100%; height: 100%;"></canvas>
<script src="
https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.1.0/particles.min.js"
></script> <script> window.onload = function() {Particles.init({selector: '.background' });};
</script></head>accordion is located in main.php:
<!--accordion--> <ul class="akkordeon">
<li>
<p> Texxt </p>
<div>text <b>Достигать</b>, text <b>text</b>. text <a href="
https://iiii">text</a> text?</div>
</li>
<li>
</ul>
<style type="text/css"
> ul.akkordeon{
width: 280px;
border: 1px solid rgb(95, 158, 160);
}
ul.akkordeon li > p{
cursor: pointer;
padding: 10px 10px;
margin: 0;
color: white;
text-shadow: 0px 1px 1px rgb(73, 73, 73);
text-align: center;
font-size: 12px;
font-family: sans-serif;
background: #0C0C0C -webkit-gradient(linear, left top, left bottom, from(#3b7fc0), to(#6ea6dc)) no-repeat;
}
ul.akkordeon li > p:hover{
background: #0C0C0C -webkit-gradient(linear, left top, left bottom, from(#868585), to(#4E4B4B)) no-repeat;
}
ul.akkordeon li > p.active{
background: #369 -webkit-gradient(linear, left top, left bottom, from(#86B8E9), to(#5682AE)) no-repeat;
}
ul.akkordeon li > div{
display button: none;
padding: 10px;
font-size: 11px;
line-height: 15px;
}
</style> <script type="text/javascript">
jQuery(document).ready(function(){ //
jQuery('ul.akkordeon li > p').click(function(){ //
jQuery(this).toggleClass('active'); //
jQuery(this).next('div').slideToggle(200); //
});
});
</script> <!-- end -->
