Javascript 切换/取消切换时,将多个选项更改为少个选项,反之亦然

Javascript 切换/取消切换时,将多个选项更改为少个选项,反之亦然,javascript,jquery,Javascript,Jquery,我想知道如果单击它,如何将[[更多选项]]更改为[[更少选项]]和vs <div class="toggle-this" style="display: none"> <h3 style="border:1px solid;">Job Search</h3></div> <div class="toggle-this" style="display: none"><div class="form_input"></di

我想知道如果单击它,如何将[[更多选项]]更改为[[更少选项]]和vs

<div class="toggle-this" style="display: none">
<h3 style="border:1px solid;">Job Search</h3></div>
<div class="toggle-this" style="display: none"><div class="form_input"></div></div>

<div class="toggle-trigger" style="text-align:center; cursor: pointer;">[[More options]]</div>

<script language="javascript">
$(".toggle-trigger").click(function() {
$('.toggle-this').toggle();
return false;
});  
</script>

求职
[[更多选项]]
$(“.toggle触发器”)。单击(函数(){
$('.toggle this').toggle();
返回false;
});  
更加优雅:

$(".toggle-trigger").click(function()
{
    var map = {"none": "[[More options]]", "block": "[[Less options]]"};
    var element = $('.toggle-this').toggle();

    $(this).text(map[element.css("display")]);

    return false;
});​

看看这个。

“[[More options]]”将在视图源中提供“{tr}更多选项{/tr}”。有解决办法吗?
$(".toggle-trigger").click(function()
{
    var map = {"none": "[[More options]]", "block": "[[Less options]]"};
    var element = $('.toggle-this').toggle();

    $(this).text(map[element.css("display")]);

    return false;
});​