Question

如果隐藏了这些div（它们被.hide（）事件处理程序隐藏），那么我想要显示另外两个div。

我在document.ready上尝试过以下操作，但它不起作用，我不知道为什么。

这是代码。

if ($(".select-properties, .div-properties, .image-properties, .table-properties").is(':hidden')) {
    $(".starter-properties, .canvas-properties").show();
}

非常感谢任何帮助。

Answer 1

使用此：

if ($('.select-properties, .div-properties, .image-properties, .table-properties').css('display') == 'none') {
    $(".starter-properties, .canvas-properties").show();
}

Answer 2

您可以使用

$(".target").toggle(function () {
    // your remaining action. something written here
});

Answer 3

试试此链接它可能对你有所帮助。 http://jsfiddle.net/rahulsahu/eveKU/

HTML：

<div id="first-div">first div</div>
<button id="first">hide above div</button><br/>
<button id="second">show another div when first div is hidden otherwise don't show</button>
<div id="second-div" style="display:none;">Second div</div>

JQuery：

$("button#first").click(function(){
    $("#first-div").hide();

});
$("button#second").click(function(){

if($('#first-div').is(':visible')) {
    // do nothing
    alert("first div is not hidden");
  }
    else{
         $("#second-div").show();
    }
});

Answer 4

我设法使用以下功能完成了我想要的效果。

$(".select-tool, .div-tool, .image-tool, .table-tool, .edit-tool").on("mouseup touchend", function() {
  if ($(".select-properties, .div-properties, .image-properties, .table-properties").is(':hidden')) {
    $(".starter-properties, .canvas-properties").show();
    $(".select-properties, .div-properties, .image-properties, .table-properties").hide();
  }
});

这是小提琴 - http://jsbin.com/udumibO/3/edit

我确信有一种更简洁的方式来写这个，但这是我能做到的最好的方法来实现我想要的效果。

Answer 5

好的，这里的代码看起来很多。：P

很好，所以我想，你只想创建一个标签系统，最初你想要隐藏所有标签内容并默认显示其他内容。

嗯，这是与你的代码一样的东西，也解决了你的问题。

$("span", ".nav").click(function(){
        var target = $("." + $(this).attr("class").replace(/tool$/g, "properties"));

        target.show().siblings().hide();
        $(this).addClass("active").siblings().removeClass("active");
    });

    $(".select-properties, .div-properties, .image-properties, .table-properties").hide();

jsfiddle：http://jsfiddle.net/ashishanexpert/c7eJh/2/

JSFiddle代码评论很好。

如果您要添加或询问此事，请告诉我。祝你好运！

如果隐藏选定的DIV，则显示特定DIV

5 个答案: