jquery toggle（）不'；在chrome/safari中似乎不起作用

我在chrome/safari中使用toggle（）时遇到困难。我和noconflict（）玩得不走运。在chrome和safari中，第一个食谱翻译出现在德语版本下。现在，其他两种食谱的效果和我预期的一样。如何修复chrome和safari的问题

//$.noConflict();

 $(window).load(function() { 

  $('#recipes').orbit({
    timer: false,  
    bullets: true,
    captions: true,     
    afterSlideChange: textSlides
  });

    $("a.lang").click(function (e) {
        var contentSpan = $(this).parent().attr('class');
        e.preventDefault();
        $("span."+contentSpan).toggle();
    });
  });

  function textSlides() {   
    var theId = "#d" + $(this).attr('id');
    $(theId).toggle().siblings().hide();
  }

我的html是

<div id="recipes-text">
<div id="dr1">
  <span class="language_content_dr1" >
    <h3>WORTEL CHUTNEY</h3>
    <p><strong>ingrediënten</strong><br />
    asdfasd german</p>
    <a class="lang" href="#">English</a>
    </span>    
  <span  class="language_content_dr1" style="display:none;">
  <h3>CARROT CHUTNEY</h3>
    <p>recipe<br />
    english </p>
    <a class="lang" id="de" href="#de_tri">german</a>
    </span>

</div>
<div id="dr2" style="display:none;">
    <span class="language_content_dr2">
    section 222 jawohl<br />

    <a class="lang" href="#">English</a><br />
    </span>
    <span class="language_content_dr2" style="display:none;">

    section 222 english <br />

    <a class="lang" id="de" href="#de_tri">german</a>
    </span>
</div>
<div id="dr3" style="display:none;">
    <span class="language_content_dr3">
    ection 333 jawohl<br />

    <a class="lang" href="#">English</a>
    </span>

    <span class="language_content_dr3" style="display:none;">
    section 333 english<br />
    <h3>CARROT CHUTNEY</h3>
    <p>recipe<br />
    english
    </p>
<a class="lang" id="de" href="#de_tri">German</a>
    </span>
</div>
</div>

沃特尔酸辣酱
ingrediënten

德语

胡萝卜酸辣酱
配方

英式

第222节jawohl



第222节英语

第333节jawohl

第333节英语

胡萝卜酸辣酱
配方

英语

将跨距更改为div

<span class="language_content_dr1" >


<div class="language_content_dr1" >

---

有没有可能举个例子，也许是在JSFIDLE上（看起来你有一些插件依赖项）。我很快就尝试了一下，我想你最好还是这样做：$（'ele'）.css（'display'，'toggle'）@本，先看看recipe@Neurofluxation你的意思是我需要将它重写为$（“span.+contentSpan）.css（'display'，'toggle'）；或者$（'ele'）是有效的选择器吗？$（'span.+contentSpan）.css（'display'，'toggle'）；-$（ele）是伪的；）我想是因为跨度不是块级元素？？？但不完全确定。也许其他人可以解释一下。我只知道问题出在我自己身上。

$("a.lang").click(function (e) {
    e.preventDefault();
    var contentSpan = $(this).parent().attr('class');
    $("div."+contentSpan).toggle();
});