Well thank you very much for you good explanation. I had done all that (html, links, etc.), unless the "javascript bugger", that I will remember.
I tried another combi. Used the Agros theme without query in the footer, and used the original query setup from the download on the query site. - It now works..
Thank you very much John and dbs for quiding me in the right direction!
This is the code, if someone else needs to use it:
Again, download the query agros:
http://www.websitebakers.com/pages/admin/backend-themes/release-2.8/argos-jq.phpThe code for the header.htt file in the agros-jq theme:
<!-- BEGIN header_block -->
<!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" xml:lang="en" lang="en">
<head>
<title>{WEBSITE_TITLE}»{TEXT_ADMINISTRATION}-{SECTION_NAME}</title>
<meta http-equiv="content-type" content="text/html; charset={CHARSET}" />
<meta http-equiv="content-language" content="{LANGUAGE}" />
<meta name="description" content="{TEXT_ADMINISTRATION}" />
<meta name="keywords" content="{TEXT_ADMINISTRATION}" />
<link href="{THEME_URL}/theme.css" rel="stylesheet" type="text/css" />
{BACKEND_MODULE_CSS}
<script type="text/javascript">
var WB_URL = '{WB_URL}';
var THEME_URL = '{THEME_URL}';
var ADMIN_URL = '{ADMIN_URL}';
</script>
<script src="{WB_URL}/include/jquery/jquery-min.js" type="text/javascript"></script>
<script src="{WB_URL}/include/jquery/jquery-insert.js" type="text/javascript"></script>
<script src="{THEME_URL}/jquery/jquery-plugins.js" type="text/javascript"></script>
<script src="{WB_URL}/include/editarea/edit_area_full.js" type="text/javascript"></script>
{BACKEND_MODULE_JS}
<script type="text/javascript">
function confirm_link(message, url) {
if(confirm(message)) location.href = url;
}
</script>
<link type="text/css" href="{THEME_URL}/accordion/jquery-ui-1.8.14.custom.css" rel="stylesheet" />
<script type="text/javascript" src="{THEME_URL}/accordion/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="{THEME_URL}/accordion/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Accordion
$("#accordion").accordion({ header: "h3" });
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
});
</script>
</head>
<body>
<div id="admin_header">
<div id="header_top">
<div id="topmenu"> <a href="{ADMIN_URL}" title="{TITLE_START}">Home</a>| <a href="{URL_VIEW}" target="_blank" title="{TITLE_VIEW}">{TITLE_VIEW}</a>| <a href="{ADMIN_URL}/logout/" title="{TITLE_LOGOUT}">{TITLE_LOGOUT}</a>
<br />
<br />
<span class="version">CMS Version {VERSION}</span><br/>
<span class="version">Revision {REVISION}</span><br/>
<span class="version">Admin version 1.4</span>
</div>
<a href="{ADMIN_URL}" title="{TITLE_START}" id="website_title">
{WEBSITE_TITLE} - {TEXT_ADMINISTRATION}
<!-- <img src="{THEME_URL}/images/logo.png" border="0" alt="Logo" /> -->
</a>
</div>
<div class="menu">
<ul>
<!-- BEGIN linkBlock -->
<li class="{CLASS}"><a href="{LINK}" target="{TARGET}"><span>{TITLE}</span></a></li>
<!-- END linkBlock -->
</ul>
</div>
</div>
<div id="content_container">
<table cellpadding="0" cellspacing="0" border="0" width="900" align="center">
<tr>
<td class="content">
The code for the sections you want to be accordion:
<div id="accordion">
<div>
<h3><a href="#">First</a></h3>
<div>Lorem ipsum dolor sit amet.</div>
</div>
<div>
<h3><a href="#">Second</a></h3>
<div>Phasellus mattis tincidunt nibh.</div>
</div>
<div>
<h3><a href="#">Third</a></h3>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
</div>