求一个点击控制css的效果。
开始这么大概写的。
$(".j").click(function(){
if ($(".j").html()==""↓"") {
$(".sea_m .fl_pp").css("height","auto");
$(".j").html("↑");
}
else{
$(".sea_m .fl_pp").css("height","50px");
$(".j").html("↓");
}
}
发现JQ click 事件不能用。用chrome看貌似与其他有冲突。
换了种方法给<div class="j" onclick="allx()"> 。
js 这么写的。
<script type="text/javascript">
function allx(){
//alert("1")
if ($(".j").html()==""↓"") {
$(".sea_m .fl_pp").css("height","auto");
$(".j").html("↑");
}
else{
$(".sea_m .fl_pp").css("height","50px");
$(".j").html("↓");
}
};//原始的js不知道该怎么与JQ 结合？谁来帮帮忙。
</script> css function chrome class div
[解决办法]
$(".j").click(function(){
if ($(".j").html()==""↓"") {
$(".sea_m .fl_pp").css("height","auto");
$(".j").html("↑");
}
else{
$(".sea_m .fl_pp").css("height","50px");
$(".j").html("↓");
}
}
)
1.双引号("")里面的双引号("")要么转义，要么用单引号（''）
2.少了结束括号
[解决办法]
应该没有问题的啊 ，你alert一下 html()是什么东东。建议换做 toggole（method1,method2）方法
[解决办法]
<style type="text/css">
.sea_m .fl_pp {
display:block;
width:623px;height:50px;overflow:hidden;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".j").click(function(){
if ($(".j").html()=="▼") {
$(".sea_m .fl_pp").css("height","auto");
$(".j").html("▲");
}
else{
$(".sea_m .fl_pp").css("height","50px");
$(".j").html("▼");
}
})
})
</script>
<div class="sea_m">
<ul>
<li><b>品牌：<div class="j">▼</div></b><span class="fl_pp">品牌品牌品牌品牌品牌品牌品牌品牌品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品品牌品牌品牌品牌品牌品牌品牌品牌品牌</span><div class="cl"></div></li>
</ul>
</div>
