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

Тема в разделе "JavaScript", создана пользователем AGENT131313, 5 фев 2012.

Модераторы: ZiX
  1. AGENT131313

    AGENT131313 Забанен

    Регистр.:
    17 мар 2009
    Сообщения:
    281
    Симпатии:
    28
    Всем доброй ночи! Ребята срочно необходим скрипт скрытия данных при нажатии на кнопку. В нете нашел куча способов, но какогото Х они у меня не пошли...переставлял много раз и безрезультатно. Скиньте кто-то рабочий нормальный
     
  2. dino

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    Код:
    <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="Кликните на картинку. чтобы скрыть данные">
    
     
    AGENT131313 нравится это.
  3. AGENT131313

    AGENT131313 Забанен

    Регистр.:
    17 мар 2009
    Сообщения:
    281
    Симпатии:
    28
    Мне необходим чтоб сразу было скрыто, а при нажатии открывалось. Протестил ваш вариант у меня не хочет он тоже работать, страница у меня с использование <tr> <tr> <div> <table>
     
  4. AGENT131313

    AGENT131313 Забанен

    Регистр.:
    17 мар 2009
    Сообщения:
    281
    Симпатии:
    28
    нашел подходящий который у меня заработал. Вот мож кому пригодится:
    http://world-blog.ru/1307
     
  5. dino

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    Код:
    <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>
    
     
    AGENT131313 нравится это.
  6. dino

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    Все в порядке... я просто протупил и не поставил кавычки в выражениях $(#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>
    
     
    AGENT131313 нравится это.