Javascript 切换/取消切换时,将多个选项更改为少个选项,反之亦然
我想知道如果单击它,如何将[[更多选项]]更改为[[更少选项]]和vsJavascript 切换/取消切换时,将多个选项更改为少个选项,反之亦然,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
<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;
});