您好,我是新手,请您帮忙,
单击图像时,我需要一个简单的显示/隐藏切换,它在“侧箭头”和“向下箭头”(如下拉菜单)之间切换。这是用文本显示/隐藏单个 div。但是,由于进入使用 id 的 .net,我在课堂上需要它。
这已经在 id 中,它可以工作但在类中需要它......
我的功能是:-
<script type="text/javascript">
$(function(){
$('.nav-toggle').on('click', function(){
var t = $(this);
var imgSrc = t.attr('src');
var divId = t.attr('id');
$(divId).slideToggle('slow', function() {
if (imgSrc === '_includes/img/components/toggle_icon_show.png') {
t.attr({'src' :'_includes/img/components/toggle_icon.png'});
} else {
t.attr({'src' :'_includes/img/components/toggle_icon_show.png'});
}
});
});
});
</script>
HTML:-
<img src="_includes/img/components/toggle_icon.png" id="#1" class="nav-toggle">
<div id="1" style="display:none">
<p>Maecenas vulputate, augue vitae sagittis molestie, ipsum neque rhoncus turpis, sit amet iaculis sapien quam sed nunc. Donec neque erat, pulvinar non ultrices sit amet, dignissim at lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi in erat sapien. Nullam mi dolor, consectetur et turpis sit am.</p></div>
谢谢!