Здравствуйте. Помогите пожалуйста разобраться, у меня есть небольшой скрипт который выводит из пхп файла через свич контент в новых окнах.
lib.js
$(document).ready(function(){
var loading = $("#loading");
var container = $("#ajax");
var container2 = $("#ajax2");
var link;
$("a.ajax-links").click(function(e){
e.preventDefault();
container.slideUp(75);
container.toggle(1500);
link = $(this).attr("href") + " #content";
container.load(link, hideLoading);
container.slideDown(75);
});
$("a.ajax-links2").click(function(e){
e.preventDefault();
container2.slideUp(75);
container2.toggle(1500);
link = $(this).attr("href")+ " #content";
container2.load(link, hideLoading);
container2.slideDown(75);
});
$("a.ajax-close").click(function(){
????????????????????????????
});
function showLoading(){
loading
.css({visibility:"visible"})
.css({opacity:"1"})
.css({display:"block"})
;
}
function hideLoading(){
loading.fadeTo(1000, 0);
};
});
index.php
<ul id="menu">
<li><a href="index.php?action=1" class="ajax-links2">конт</a></li>
<li><a href="index.php?action=2" class="ajax-links2">услуги</a></li>
<li><a href="index.php?action=3" class="ajax-links2" >цены</a></li>
</ul>
<div id="ajax2"></div>
<div id="ajax"></div>
<div id="content">
<?php include("callbacks.php");?>
</div>
callbacks.php
<?php
switch($_GET['action']){
case '1':
?>
<div class="green">
</div>
<?
break;
default:
?>
<div class="green">
<a href="index.php?action=1" class="ajax-links">посмотреть</a>
</div>
<?
if (isset($_GET['action']))
{
$to = $_GET['action'];
if (strpbrk($to, '.?/:*<>')) die('символы ., ?, /, :, *, <, > запрещены');
}
}
Поскольку целостное знание javascript хромает, уже несколько дней пытаюсь зделать так что бы эти окна можно было закрывать(прятать, сворачивать). Помогите пожалуйста, что нужно добавить, создать. Тыкните носом в крайнем случае, буду сильно признателен.
