При нажатие появляется div! Проблема в том что при нажатие на 2й, 3й и так далие блоки остальные сами не сворачиваются! Код (Text): <script type="text/javascript"> function onShow(id){var obj=$(\'#\'+id); if(obj.width()==\'0\'){obj.animate({width:\'80px\'},0)} else{obj.animate({width:\'0px\'},0)}}; </script> <a href="javascript://" onclick="onShow(\'id'.$mysqlafisha['id'].'\');return false;">ЖМИ</a>
Код (PHP): <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example</title> <style type="text/css"> .open{display:none;background-color:#000000;color:#ffffff;width:100px;hwight:100px;padding:30px;} </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script type="text/javascript"> function click(key) { key=$('.open'+key); if(key.is(':hidden')) { key.slideDown('show'); } else { key.slideUp('show'); } } </script> </head> <body> [url="javascript:click(1)"]Click[/url] <div class="open open1"> Open1 - text div </div> </body> </html> Конечно можно сделать и аналог toggle, но это долго и муторно, он @Deprecated в jquery уже)