<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$("#actionContainer").hide();
});
function createNews() {
alert($("#newsTitle").val());
$("#actionContainer").hide(200, function() {$("#linkContainer").show();});
}
function showCreateNewsAction() {
$("#linkContainer").hide();
$("#actionContainer").show();
}
</script>
</head>
<body>
<div id="createNewsContainer">
<table bgcolor="red">
<tr>
<td id="linkContainer">
<a id="createNewsLink" href="#" onclick="showCreateNewsAction()">Click here to publish your photos</a>
</td>
<td id="actionContainer">
<input type="text" id="newsTitle" value="a new photo 'xxx' has been uploaded" />
<input type="button" id="btnCreateNews" value="Ok" onclick="createNews()" />
</td>
</tr>
</table>
</div>
</body>
</html>