Witam. Mam kodzik:

[PHP] pobierz, plaintext 
  	<section id="about">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="o_mnie">
						<div class="row"><h1><?php echo $recordh['pagename']  ?></h1><hr>
							<p>Jakas krótka tresc </p>
			<center><a href="#about2" data-toggle="collapse" data-target="#about2" class="collapse"><img src="images/dol.png" height="20px"></a>
		      <button type="button" class="btn btn-default" data-toggle="collapse" data-target="#about2">
  			<img src="images/dol.png" height="20px"> <br><small><p style="color:white;">(kliknij tutaj aby dowiedzieć się o mnie więcej)</p></small></center></button>
							<div id="about2" class="collapse">
								<p>Dłuższa tresc </p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
    </section>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
<script>
$(document).ready(function(){
  $("#about2 #offer2 #gallery2").on("hide.bs.collapse", function(){
    $('.navbar-collapse').attr('aria-expanded', 'false').removeClass('in');
  });
});
</script>
[PHP] pobierz, plaintext 

Chciałbym zrobić tak, że gdy klikniemy "pokaz wiecej" w tym wypadku strzałka, to treść ma się pojawić a zniknąć własnie ten napis..
Szukam i szukam ale jestem trochę zielony w js :/

Proszę o pomoc