[HTML/CSS med jQuery]
Halllå.. igen
Fråga gärna om ni inte förstå. Suger på att beskriva problem
Har ett problem med min div som ska expandera när jag trycker på en text
Såhär ser det ut från början :
Och när man klickar på texten :
Det jag vill är att diven som texten "Visa mer/m" står i ska expandera sig i höjd efter den vita diven (den det står massa random text i).
Lägger upp det mest relevanta koden här nedan :
HTML
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#info").hide();
$("#show_more").show();
$('#show_more').click(function(){
$("#info").slideToggle();
});
});
</script>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menu"></div>
<div id="content">
<div id="inner_content">
<div class="recension_video">
<iframe width="560" height="315" src="http://www.youtube.com/embed/kXYiU_JCYtU" frameborder="0" allowfullscreen></iframe>
<p id="show_more">Visa mer/m</p>
<div id="info">gfdgfgfd <br />
gfdgfgfd <br />
gfdgfgfd <br />
gfdgfgfd <br /></div>
</div>
</div>
<!--ijo--
<hr>
<div id="inner_content">
<div class="recension_video">
<iframe width="560" height="315" src="http://www.youtube.com/embed/Og8ZYvJ3VFY" frameborder="0" allowfullscreen></iframe>
<div class="info"><h2>Zache Super elite chassi</h2></div>
</div>
</div>
<hr>
---->
</div>
</div>
</body>
</html>
CSS
#container
{
width:800px;
height:2000px;
margin:auto;
}
#content
{
width:580px;
height:1500px;
background-image:url('bodyBG-dark.jpg');
padding-left:10px;
padding-top:10px;
padding-right:10px;
float:right;
border-radius:4px;
}
#inner_content
{
width:570px;
padding-bottom:100px;
padding-top:10px;
padding-left:10px;
background-image:url('bodyBG-dark2.png');
border-radius:4px;
}
#info
{
width:550px;
height:80px;
background-image:url('bodyBG-dark3.png');
margin-top:7px;
border-radius:4px;
padding-left:10px;
}
#info är den vita diven med random text i.
#inner_content är den diven som innhåller youtube klippet.
