Question

我将代码上传到jsfiddle：

时试图切换

public static System.Collections.IEnumerable RootCollection(string collectionPropertyName)
{
  using (var db = new Model1())
  {
    var col = GetRootCollection(db, collectionPropertyName);
    System.Type generic = typeof(List<>);
    System.Type constructed = generic.MakeGenericType(col.GetType().GetGenericArguments().First());
    var list = constructed.GetConstructor(new Type[] {col.GetType() }).Invoke(new object[] { col });
    return (System.Collections.IEnumerable)list;
  }
}

div.que-answer

div.pull-left.circle.sh-answer

如果你能看到有一个叫做问题的多个div，我不记得怎么做了，我有点生气。

Answer 1

您应该使用$(this).parent().next()代替DEMO

$("div.question div.sh-answer").click(function() {
  $(this).parent().next("div.que-answer").toggle();
});

此外，如果您想要隐藏兄弟姐妹并添加幻灯片效果，您可以这样做DEMO

$("div.question div.sh-answer").click(function() {
  $(this).parent().next("div.que-answer").slideToggle();
  $("div.que-answer").not($(this).parent().next("div.que-answer")).slideUp();
});

Answer 2

更改内容的最终结果：

$("div.question div.sh-answer").click(function() {
    if($(this).html() == '+'){
        $("div.que-answer").hide(300);
        $(this).parent().next("div.que-answer").toggle(300);
        $("div.question div.sh-answer").html("+");
        $(this).html("-");
    }else{
        $("div.question div.sh-answer").html("+");
        $(this).parent().next("div.que-answer").toggle(300);
    }
});

onclick事件切换div在不同的div中存在多于1个

2 个答案: