Скрипт скрытия данных

AGENT131313

AGENT131313

Забанен
Регистрация
17 Мар 2009
Сообщения
292
Реакции
31
Всем доброй ночи! Ребята срочно необходим скрипт скрытия данных при нажатии на кнопку. В нете нашел куча способов, но какогото Х они у меня не пошли...переставлял много раз и безрезультатно. Скиньте кто-то рабочий нормальный
 
Код: 
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
$(#hide_button).click(function(){
$(#hide_data).fadeToggle("slow", "linear");
})
});</script>
.........
</head>
<body>
<span id="hide_data">Данные, которые нужно скрыть при нажатии на кнопку</span>
<img src="images/button.jpg" id="hide_button" title="Кликните на картинку. чтобы скрыть данные">
 
dino написал(а):
Код: 
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
$(#hide_button).click(function(){
$(#hide_data).fadeToggle("slow", "linear");
})
});</script>
.........
</head>
<body>
<span id="hide_data">Данные, которые нужно скрыть при нажатии на кнопку</span>
<img src="images/button.jpg" id="hide_button" title="Кликните на картинку. чтобы скрыть данные">
Нажмите для раскрытия...
Мне необходим чтоб сразу было скрыто, а при нажатии открывалось. Протестил ваш вариант у меня не хочет он тоже работать, страница у меня с использование <tr> <tr> <div> <table>
 
Код: 
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
$(#hide_button).click(function(){
$(#hide_data).fadeToggle("slow", "linear");
})
});</script>
.........
</head>
<body>
<table><tr><td>
<span id="hide_data"  style="display:none">Данные, которые нужно скрыть при нажатии на кнопку</span>
<img src="images/button.jpg" id="hide_button" title="Кликните на картинку. чтобы открыть/скрыть данные"></td></tr>
.........
</table>
 
Все в порядке... я просто протупил и не поставил кавычки в выражениях $(#hide_button) и $(#hide_data) в итоге результат будет таким:
Код: 
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
$("#hide_button").click(function(){
$("#hide_data").fadeToggle("slow", "linear");
})
});</script>
.........
</head>
<body>
<table><tr><td>
<span id="hide_data"  style="display:none">Данные, которые нужно скрыть при нажатии на кнопку</span>
<img src="images/button.jpg" id="hide_button" title="Кликните на картинку. чтобы открыть/скрыть данные"></td></tr>
.........
</table>
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху