Помогите переписать кусок кода с javascript на Jquery

Тема в разделе "Другие языки", создана пользователем dandandan, 18 авг 2011.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. dandandan

    dandandan

    Регистр.:
    7 авг 2008
    Сообщения:
    975
    Симпатии:
    255
    Есть кусок кода, повторяющийся много раз. Отличается только цифрой в id. (bla1, bla2, bla3). Нужно при нажатии на ссылку функции передать идентификатор ul#bla1
    PHP:
    <a href="#" onclick="showdata("ul#bla1");">Посмотреть.</a>
    <a href="#" onclick="showdata("ul#bla2");">Посмотреть.</a>
    <a href="#" onclick="showdata("ul#bla3");">Посмотреть.</a>
    <ul id="bla1"></ul>
    <
    ul id="bla1"></ul>
    <
    ul id="bla1"></ul>
    Вот как у меня сейчас это записано для цикла.
    PHP:
    function showdata(identifikator){
        $(
    identifikator).toggle(
            function(){
                $(
    this).show('slow');
                },
            function(){
                $(
    this).hide('slow');
                }
            ); 
    //$("ul#"+identifikator).toggle(        
        
    }//function show(identifikator){
    как полностью убрать function showdata ?
     
  2. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    например через функцию click, для каждого элемента с id будет toggle его ul с id_content
    HTML:
    
    <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Selector</title>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script language="javascript" type="text/javascript">
        
            $(document).ready(function(){
                $('#u1, #u2, #u3').click(function() {
                  $('#'+$(this).attr("id")+'_content').toggle('slow');
                  return false;
                });
            });
            
            
        </script>
    
        <style type="text/css">
        #u1_content, #u2_content, #u3_content{
            display:none;
        }
        </style>
    
    </head>
    
    <body>
        <a href="#" id="u1">Посмотреть 1</a>
        <a href="#" id="u2">Посмотреть 2</a>
        <a href="#" id="u3">Посмотреть 3</a>
        <ul id="u1_content">1</ul>
        <ul id="u2_content">2</ul>
        <ul id="u3_content">3</ul>  
    </body>
    </html>
    
    яваскрипт можно записать в отдельный файл и его подключать в html
     
    dandandan нравится это.
  3. dandandan

    dandandan

    Регистр.:
    7 авг 2008
    Сообщения:
    975
    Симпатии:
    255
    Решил проблему через .each(). Похоже, что вариант от polyetilen тоже будет работать.
     
Статус темы:
Закрыта.