您好我希望#accordion如果打开则消除200px的边距,如果关闭则插入200px的边距。 当打开时,我已将点击h3上的边距消除连接到功能上。当#accordion关闭时如何插入边距?
链接临时页面:http://www.davidxdesign.altervista.org/city.htm
<script>
$(function() {
var stop = false;
$("#accordion h3").click(function( event ){
if ( stop )
{ event.stopImmediatePropagation();
event.preventDefault(); stop = false } });
$("#accordion").accordion({
header: "> div > h3",
collapsible: true,
active: false,
autoHeight: false,
changestart: function(event, ui){ ui.newHeader.parent().prependTo(this); } })
.sortable({
axis: "y",
handle: "h3",
stop: function() { stop = true; } }) });
</script>
<script>
function zeromargindiv(){
$('#accordion').animate({
marginTop: '0px' },
2000, function() { }); }
</script>**
<div id="accordion" style="margin-top:180px">
<div class="group">
<h3 onclick="zeromargindiv()">Cosa Visitare</h3>
<div>
</br>
<a onclick="go('map/duomo.htm')">Via del Duomo</a> </br>
<a onclick="go('map/cavour.htm')">Corso Cavour</a> </br>
<a onclick="go('map/palcapitano.htm')">Palazzo del Capitano del Popolo</a> </br>
<a >Palazzo Comunale</a> </br>
<a >Vicolo degli Artisti</a> </br>
<a href="http://www.baduel.it" target="_blank" >Libreria antiquaria Baduel</a> </br>
<a href="http://www.bibliotecaorvieto.it/easyne2/LYT.aspx?IDLYT=8892&ST=SQL&SQL=ID_Documento=30&CODE=FUMI" target="_blank" >Biblioteca Fiumi</a> </br></br>
</div>
</div>
etc...
答案 0 :(得分:0)
试试这个: - http://jsfiddle.net/adiioo7/HpeM4/2/
JS: -
$(function () {
var stop = false;
$("#accordion h3").click(function (event) {
if (stop) {
event.stopImmediatePropagation();
event.preventDefault();
stop = false;
}
});
$("#accordion").accordion({
header: "> div > h3",
collapsible: true,
active: false,
autoHeight: false,
changestart: function (event, ui) {
ui.newHeader.parent().prependTo(this);
},
activate: function (event, ui) {
if ($("#accordion").accordion("option", "active") === false) {
$('#accordion').animate({
marginTop: '180px'
},
2000, function () {});
}
}
})
.sortable({
axis: "y",
handle: "h3",
stop: function () {
stop = true;
}
})
});
function zeromargindiv() {
if ($("#accordion").accordion("option", "active") === false) {
$('#accordion').animate({
marginTop: '0px'
},
2000, function () {});
}
}