В чём ошибка? JS - Дополнительные темы - Вебмастеринг

В чём ошибка? JS

MrNesh

Дата: Четверг, 31 Мая 2012, 20:33 | Сообщение # 1

Воин добра и света

Сообщений: 2455

Сейчас нет на сайте

Code

function hidde(id){
  if($("#"+id+":visible")){
  $("#"+id).hide(2300);
  }else if($("#"+id+":hidden")){
  $("#"+id).show(2300);
  }
}

Есть php парсер(?), получающий данные из бд, который даёт диву айди новости, есть возле каждой новости (дива) надпись (надпись как заголовок новости), надпись обрамлена ссылкой, при нажатии на которую вызываеться функция hidde , в которую передаёться ид дива, если див виден, то он должен скрыться, в противном случае, он должен появиться, код вроде написан логично, почему не работает - не понятно

ShadowZi

Дата: Четверг, 31 Мая 2012, 20:36 | Сообщение # 2

постоянный участник

Сообщений: 365

Сейчас нет на сайте

Если используешь jquery то почему не использовать тогда его полностью, чтобы баластом либу не таскать http://api.jquery.com/toggle/

MrNesh

Дата: Четверг, 31 Мая 2012, 20:50 | Сообщение # 3

Воин добра и света

Сообщений: 2455

Сейчас нет на сайте

Code

function hidde(id){
$("#"+id).toggle();
}

Spihex

Дата: Четверг, 31 Мая 2012, 20:55 | Сообщение # 4

Моргающий Гемо-Брат

Сообщений: 507

Сейчас нет на сайте

Разбери простейшие примеры, для начала:

Code

<!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="utf-8">
    <title>jQuery demo</title>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        $("a").click(function(event){
          alert("As you can see, the link no longer took you to jquery.com");
          event.preventDefault();
        });
      });
    </script>
  </body>
  </html>

второй - простой пример с "hide":

Code

<!DOCTYPE html>
<html>
<head>
   <style>
   p { background:#dad; font-weight:bold; }
   </style>
   <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
   <button>Hide 'em</button>

   <p>Hiya</p>
   <p>Such interesting text, eh?</p>
<script>
     $("button").click(function () {
       $("p").hide("slow");
     });
</script>

</body>
</html>