Скриване и показване на див.

Gh057

Registered
1. Имам див с някакъв текст и искам този текст да се показва само при натискане на линк/бутон. Долу чрез спана е свършена работата, НО за да проработи трябва текста Click Me да се натисне 2 пъти, а не веднъж. Има ли начин да се направи да се натиска само 1път?

2. Ако див с тест ми е с display:hidden ще се индексира ли този текст вътре от google?

Код:
<div align="center" id="asd">QWEqrewaertartart</div>

<span onclick="if(document.getElementById('asd').style.display=='none') {document.getElementById('asd').style.display='block';} else {document.getElementById('asd').style.display='none';}" style="color: blue; text-decoration: underline; cursor: pointer;">
Click Me
</span>
 
1.пробвай това
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style>
   .longtext {
      display: none;
   }
</style>
</head>
<body>

<div>
   <p>Това е краткия текст ...</p>
   <div class="longtext">
      <p>... а това е продължението на краткия текст.</p>
   </div>
</div>
<button class="toggle">Покажи</button>

<script>

$('.toggle').toggle(
   function(){
      $('.longtext').show();
      $(this).text('Скрии');
   },
   function(){
      $('.longtext').hide();
      $(this).text('Покажи');
   });

</script>
</body>
</html>


само конвентирай до utf-8 и си го редактирай както искаш :wink:
 

Back
Горе