JQuery图像在单击时未正确更改

我正试图让它工作，这样当点击菜单时，它会在下面显示一个元素。我还想有一个图像，从显示一个箭头指向右到箭头指向左的变化

$（文档）.ready（函数（）{
var background=$（'#background_container'）.attr（'display'）；
$（“div#1_open”）。单击（函数（）{
$（“div#background_container”）.toggle（）
如果（背景=‘无’）{
$（'1#arrow'）.attr（'src'，'。/resources/images/icons/left.png'）；
}否则{
$（'1#arrow'）.attr（'src'，'。/resources/images/icons/right.png'）；
};
});		
});
.header{
宽度：300px；
利润率：10px 0px；
高度：40px；
颜色：灰色；
字体系列：monospace；
字体大小：20px；
线高：40px；
垂直对齐：顶部；
左边距：10px；
光标：指针；
-webkit用户选择：无；
-ms用户选择：无；
-moz用户选择：无；
-khtml用户选择：无；
-o-用户选择：无；
用户选择：无；
}
.阿罗{
宽度：40px；
高度：40px；
右边距：10px；
}

出身背景
我想你可以用这个

$(document).ready(function(){

  //var background = $('#background_container').attr('display');

 $("div#1_open").click(function(){
    $("div#background_container").slideToggle(0 , function(){
      var background = $(this).attr('display');
      if(background == 'none'){
        $('#1_arrow').attr('src' , './resources/images/icons/left.png');
      }else{
        $('#1_arrow').attr('src' , './resources/images/icons/right.png');   
      }
    }); 
  });       
});

没有试过或做过其他任何事。。但是我认为如果（background='none'）是错误的，那么应该使用“==”我犯了一个错误，没有使用css而不是attr，但这是唯一的问题。谢谢你的帮助