如何使用JavaScript的JSP的hide（）和show（）函數

Question

我的代碼是

<script type="text/javascript">
function AddNew() 
{
    var partyname = $("#account_id_widget").val();
    var pgroup="NA";
    if(display=="none")
    {
        $("#log").show();
    }
    else
    {
        $('#addnew').hide();
    }
}
</script>

我稱這個div ：

<div id="log" style="display:none;">
    <%@ include file="recievable_details.jsp" %>
</div>

它們是我在頁面上顯示的JSP，然后在其中調用函數：

<sj:a id="show" button="true" onclick="AddNew()" indicator="true">AddNew</sj:a>

Answer 1

<script type="text/javascript">
function AddNew() 
{
    var partyname = $("#account_id_widget").val();
    var pgroup="NA";
    $('#log').toggle();
}
</script>

Answer 2

你可以簡單地做到這一點

<script>
function AddNew() 
{
$("#log").toggle();
}
</script>

確保您已在代碼中包含jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

要么

<script src="js/jquery.min.js"></script>

（如果“ js”文件夾中有jquery.min.js文件）

Answer 3

可能您missing a variable declaration for display 。

var display=$('#log').css('display');

<script type="text/javascript">
function AddNew() 
{
    var partyname = $("#account_id_widget").val();
    var pgroup="NA";
    var display=$('#log').css('display');
    if(display=="none")
    {
        $("#log").show();
    }
    else
    {
        $('#addnew').hide();
    }
}
</script>

Answer 4

對於隱藏或顯示任何元素，您可以使用Jquery / Javascript

<div id="log" style="display:none;">
    <%@ include file="recievable_details.jsp" %>
</div>

<div id="addNew" style="display:none;">
    <%@ include file="recievable_details.jsp" %>
</div>

$("#log").hide(); or $("#log").show();

Answer 5

我給您一個JavaScript函數，它將為您提供幫助。

切換可見性

function showhide(id){
    if(document.getElementById(id).className == "showhidediv_show"){
        document.getElementById(id).className="showhidediv_hide";
    }else{
        document.getElementById(id).className="showhidediv_show";
    }
}

---

個別的隱藏功能

function show(id)
{
document.getElementById(id).className="showhidediv_show";   
}
function hide(id)
{
    document.getElementById(id).className="showhidediv_hide";
}