Jquery 加/减切换,而不是文本

Jquery 加/减切换,而不是文本,jquery,html,css,Jquery,Html,Css,这几天我一直在准备菜单。它将作为一个可扩展/可折叠(这是一个单词吗?)菜单。现在,我得到的菜单在默认情况下垂直变大,然后当你点击“+/-”按钮时,垂直变小。你再点击它,它就会垂直变大。。等等 以下是JQuery部分: $(window).load(function() { $('.gh-gallink').toggle(function() { $('.gallery_container').animate({ marginTop: "-60px"

这几天我一直在准备菜单。它将作为一个可扩展/可折叠(这是一个单词吗?)菜单。现在,我得到的菜单在默认情况下垂直变大,然后当你点击“+/-”按钮时,垂直变小。你再点击它,它就会垂直变大。。等等

以下是JQuery部分:

$(window).load(function() {
    $('.gh-gallink').toggle(function() {
        $('.gallery_container').animate({
            marginTop: "-60px",
            paddingTop: "75px",
            paddingBottom: "0px",
            height: "36px"
        }, 1000)
    }, function() {
        $('.gallery_container').animate({
            marginTop: "0px",
            paddingTop: "40px",
            paddingBottom: "0px",
            height: "100px"
        }, 1000);
    });
});
以下是切换按钮的html:

< p class = "gallerylink" >
< a href="#" class="gh-gallink" title="Expand / Collapse Menu" >
    + / -
< /a >
< /p >

+ / -

所以现在,一切都很好。菜单功能正常,当您单击“+/-”时,它要么垂直变小,要么垂直变大。但是,我希望菜单显示deafult的“-”(因为默认情况下菜单很大)。然后当你点击-符号,它变小了,我希望有一个“+”。fadein/FadeOut转换也会很棒


任何帮助都将不胜感激!:)

如果您使用
animate()
直接更改大小,只需按照
animate()
链接
text()
方法,并明确定义:

/* ...the animate stuff to make smaller...*/});
$(this).text('+');

/* ...the animate stuff to make larger...*/});
$(this).text('-');

.

如果您使用
animate()
直接更改大小,只需按照
animate()
链接
text()
方法,并明确定义:

/* ...the animate stuff to make smaller...*/});
$(this).text('+');

/* ...the animate stuff to make larger...*/});
$(this).text('-');

.

我尝试了你的第一种方法,下面是我所做的:$(窗口)。加载(函数(){$('.gh gallink')。切换(函数(){$('.gallery_容器')。动画({marginTop:-60px),paddingTop:-75px,paddingBottom:“0px”,高度:“36px”},1000。),函数(){$('.gallery_容器')。动画({marginTop:“0px”,paddingTop:“40px”,填充底部:“0px”,高度:“100px”},1000);},函数(){$('.gh gallink').text(函数(i,t){return t='-'?'+':'-';});});我点击+/-几次,它就加了加号。然后,我点击一次,再加上两次((但是,很明显,请描述)。对于较大的代码段,请将其编辑到问题中(并解释为什么会出现)。无论如何,请向我展示您正在进行的工作(只是一个代表/演示)。非常感谢您的帮助。这是我的菜单:将您的代码输入JS部分。单击切换加减按钮几次,看看会发生什么。不客气,我删除了(以前)第一个选项(因为不需要条件评估),只使用了第二个(显式)选项:。真棒的人非常感谢!(刚刚检查了更新的代码)。效果很好。:)我尝试了你的第一个方法,下面是我所做的:$(窗口)。加载(函数(){$('.gh-gallink')。切换(函数(){$('.gallery\u-container')。动画({marginTop:-60px),paddingTop:“75px”,paddingBottom:“0px”,高度:“36px”},1000),函数(){$('.gallery_container')。动画({marginTop:'0px',paddingTop:'40px',paddingBottom:'0px',height:'100px'},1000);},函数(){$('.gh gallink')。文本(函数(i,t){return t='-'?'+':'-';});});它只是在我单击+/-几次后添加了加号。然后在我单击加号两次后添加了一个-号。:((但是,很明显,请描述)。对于较大的代码段,请将其编辑到问题中(并解释其存在的原因)。无论如何,请向我展示您正在进行的工作(只是一个代表/演示)。非常感谢您的帮助。这是我的菜单:将您的代码输入JS部分。单击切换加减按钮几次,看看会发生什么。不客气,我删除了(以前)第一个选项(因为不需要条件评估),只使用了第二个(显式)选项:。真棒的男人非常感谢!(刚刚检查了更新的代码)。效果很好。:)